DIV局部遮罩在IE上的有关问题
日期：2014-05-17 浏览次数：20602 次
DIV局部遮罩在IE下的问题
我要实现的效果是某个遮罩遮住单个DIV,在火狐，chrome下都有很好的支持，唯独IE下不行
我这里不能指定父IDV的高度，不知道哪位高人能指点一二
------解决方案--------------------
那没办法，就得用js来搞定了，高度是一定要给的。
看看这样行不行？
我要实现的效果是某个遮罩遮住单个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>
遮罩?absolute布局?IE
遮罩
absolute布局?IE
------解决方案--------------------
那没办法，就得用js来搞定了，高度是一定要给的。
<div id="wrap"?style="width:?100%;?position:relative;">
$('#wrap').height($('#menuGround_di').outerHeight());
看看这样行不行？
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
