DIV局部遮罩在IE下的问题_html/css_WEB-ITnose
- WBOY原创
- 2016-06-21 09:40:531156浏览
遮罩 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> 回复讨论(解决方案)
外面的div必须要写上高度：
<div style="width: 100%;height:200px; position:relative;">
试了试 你的效果 ，但赶脚你的 这个不是遮罩的效果呀。
你可以把第二个div包含 表格 试一下 效果
外面的div必须要写上高度：
XML/HTML code?1
外层的DIV是不能添加高度的，因为是表格的数据是动态变化的，不能固定外层DIV高度
试了下，DIV.background遮住了整个DIV，我的是在IE7下试的。
最外层DIV改成绝对定位
nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
| 姓名 | 电话号码 | 姓名 | 电话号码 | 时间 |
|---|
| 无数据 |
引用 1 楼 jikeytang 的回复:外面的div必须要写上高度：
XML/HTML code?1
外层的DIV是不能添加高度的，因为是表格的数据是动态变化的，不能固定外层DIV高度
那没办法，就得用js来搞定了，高度是一定要给的。
<div id="wrap" style="width: 100%; position:relative;">
$('#wrap').height($('#menuGround_di').outerHeight()); 看看这样行不行？
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn