DIV局部遮罩在IE上的有关问题-HTML教程-爱易网页

DIV局部遮罩在IE上的有关问题

日期：2014-05-17　浏览次数：20624 次

DIV局部遮罩在IE下的问题

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

我要实现的效果是某个遮罩遮住单个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

------解决方案--------------------

引用:

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

那没办法，就得用js来搞定了，高度是一定要给的。



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



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

看看这样行不行？

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

DIV局部遮罩在IE上的有关问题

相关资料更多>

推荐阅读更多>