DIV局部遮罩在IE下的问题_html/css_WEB-ITnose-HTML Tutorial-php.cn

DIV局部遮罩在IE下的问题_html/css_WEB-ITnose

WBOY

Release： 2016-06-21 09:40:53

Original

1161 people have browsed it

本帖最后由 cao441219746 于 2013-01-16 10:32:38 编辑

遮罩 absolute布局 IE 遮罩 absolute布局 IE

我要实现的效果是某个遮罩遮住单个DIV,在火狐，chrome下都有很好的支持，唯独IE下不行
我这里不能指定父IDV的高度，不知道哪位高人能指点一二

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>	<head>		<meta charset="utf-8" />		<title>Page Demos</title>	</head><style>.background { 	display: block; 	width: 100%; 	height: 100%; 	opacity: 0.1; 	filter: alpha(opacity=10); 	background:black; 	position: absolute; 	top: 0; 	left: 0; 	z-index: 2000; } </style><body>		<div style="width: 100%; position:relative;">		<div id="menuGround_di" class="background" ></div> 			<table width="100%" >				<th>姓名</th>				<th>电话号码</th>				<th>姓名</th>				<th>电话号码</th>				<th>时间</th>				<tbody id="movieList">					<tr><td colspan=100 style="color: red; font-weight: bolder;">无数据</td></tr>				</tbody>			</table>		</div></body></html>

Copy after login

回复讨论(解决方案)

外面的div必须要写上高度：

<div style="width: 100%;height:200px; position:relative;">

Copy after login

试了试你的效果，但赶脚你的这个不是遮罩的效果呀。
你可以把第二个div包含表格试一下效果

外面的div必须要写上高度：
XML/HTML code?1<div style="width: 100%;height:200px; position:relative;">
外层的DIV是不能添加高度的，因为是表格的数据是动态变化的，不能固定外层DIV高度

试了下，DIV.background遮住了整个DIV，我的是在IE7下试的。

最外层DIV改成绝对定位

Page Demos

姓名	电话号码	姓名	电话号码	时间
无数据

引用 1 楼 jikeytang 的回复:外面的div必须要写上高度：
XML/HTML code?1<div style="width: 100%;height:200px; position:relative;">
外层的DIV是不能添加高度的，因为是表格的数据是动态变化的，不能固定外层DIV高度
那没办法，就得用js来搞定了，高度是一定要给的。

<div id="wrap" style="width: 100%; position:relative;">

Copy after login

$('#wrap').height($('#menuGround_di').outerHeight());

Copy after login

看看这样行不行？