为什么在ie中出现的效果在火狐中没有（下面是我拷贝的，但是在火狐中没有显示，而且不恩能够遮罩整个页面
<styletype="text/css">/*层1的样式*/.div1{/*本层要实现覆盖模式窗口以外全部内容的半透明效果*/background-color:#000...
<style type="text/css">
/*层1的样式*/
.div1{
/*本层要实现覆盖模式窗口以外全部内容的半透明效果*/
background-color:#000000;/*背景色*/
position: absolute ;/*绝对定位，必选，使层绝对依照top,left的标准显示，否则将不能实现覆盖*/
top:0;/*层与页面顶部距离*/
left:0;/*层与左侧边距离*/
z-index:1;/*当发生重叠时的优先级，数大的会覆盖数较小的，没进行设置的均可视为小于0*/
display:none; /*层是否可见，初始化none不可见*/
filter:Alpha(opacity=30);/*过滤颜色，设置透明度（可见度）30，数越小越透明*/
}
/*层2的样式*/
.div2{
/*本层显示在最前端，其它控件均不可用*/
width:300px;/*显示宽度*/
height:200px;/*显示高度*/
position:absolute;/*绝对定位*/
z-index:2;/*优先级*/
display: none;/*是否显示*/
border:3px inset blue; /*边框：宽度，样式，颜色*/
background-color:#9999CC;/*背景色*/
}
/*当然你可以自定义添加或更改更多的样式都无所谓*/
</style>
<script type="text/javascript">
//显示的方法，说明：前缀的div1、div2、body等，均为Id值
function show()
{
div1.style.display="inline";//设置层1显示
div1.style.width=body.clientWidth;//设置层1宽度等于body宽度，width=100%也可以，不过有一些误差，所以最好用这个
div1.style.height=body.clientHeight;//设置层1高度满屏
div2.style.display="inline";//设置层2的显示
div2.style.top=body.clientHeight/2-div2.clientHeight/2;//设置层2的距顶位置居中算法
div2.style.left=body.clientWidth/2-div2.clientWidth/2;//设置层2的距左位置居中算法
}
//关闭显示
function closeShow()
{
div1.style.display="none";
div2.style.display="none";
}
</script>
</head>
<body bgcolor="#CCFF00" id="body">
<!--测试按钮点击触发show()方法-->
<input type="button" value="测试按钮" onClick="show()"/>
<div id="div1" class="div1"></div><!--这是要覆盖网页的层，不必写任何东西-->
<div id="div2" class="div2"><!--这是弹出的模式窗口层-->
<!--嵌套在层中的层，用来做标题栏，按个人需求定义-->
<div id="div3" style="width:100%;height:20px; background-color:#0099FF" align="right">
<label onClick="closeShow()" style="font-weight:bolder;cursor:hand">
关闭 <!--用来关闭显示，在label中加了onclick事件，与鼠标悬停手的样式-->
</label>
</div>
<input type=text></br>
<input type=text>
</div>
该怎么写哦 好像还是没有用啊~~~~~~~~ 展开
/*层1的样式*/
.div1{
/*本层要实现覆盖模式窗口以外全部内容的半透明效果*/
background-color:#000000;/*背景色*/
position: absolute ;/*绝对定位，必选，使层绝对依照top,left的标准显示，否则将不能实现覆盖*/
top:0;/*层与页面顶部距离*/
left:0;/*层与左侧边距离*/
z-index:1;/*当发生重叠时的优先级，数大的会覆盖数较小的，没进行设置的均可视为小于0*/
display:none; /*层是否可见，初始化none不可见*/
filter:Alpha(opacity=30);/*过滤颜色，设置透明度（可见度）30，数越小越透明*/
}
/*层2的样式*/
.div2{
/*本层显示在最前端，其它控件均不可用*/
width:300px;/*显示宽度*/
height:200px;/*显示高度*/
position:absolute;/*绝对定位*/
z-index:2;/*优先级*/
display: none;/*是否显示*/
border:3px inset blue; /*边框：宽度，样式，颜色*/
background-color:#9999CC;/*背景色*/
}
/*当然你可以自定义添加或更改更多的样式都无所谓*/
</style>
<script type="text/javascript">
//显示的方法，说明：前缀的div1、div2、body等，均为Id值
function show()
{
div1.style.display="inline";//设置层1显示
div1.style.width=body.clientWidth;//设置层1宽度等于body宽度，width=100%也可以，不过有一些误差，所以最好用这个
div1.style.height=body.clientHeight;//设置层1高度满屏
div2.style.display="inline";//设置层2的显示
div2.style.top=body.clientHeight/2-div2.clientHeight/2;//设置层2的距顶位置居中算法
div2.style.left=body.clientWidth/2-div2.clientWidth/2;//设置层2的距左位置居中算法
}
//关闭显示
function closeShow()
{
div1.style.display="none";
div2.style.display="none";
}
</script>
</head>
<body bgcolor="#CCFF00" id="body">
<!--测试按钮点击触发show()方法-->
<input type="button" value="测试按钮" onClick="show()"/>
<div id="div1" class="div1"></div><!--这是要覆盖网页的层，不必写任何东西-->
<div id="div2" class="div2"><!--这是弹出的模式窗口层-->
<!--嵌套在层中的层，用来做标题栏，按个人需求定义-->
<div id="div3" style="width:100%;height:20px; background-color:#0099FF" align="right">
<label onClick="closeShow()" style="font-weight:bolder;cursor:hand">
关闭 <!--用来关闭显示，在label中加了onclick事件，与鼠标悬停手的样式-->
</label>
</div>
<input type=text></br>
<input type=text>
</div>
该怎么写哦 好像还是没有用啊~~~~~~~~ 展开
2个回答
展开全部
代码不兼容问题
火狐的半通明为: opacity:0.5;
IE的为:filter:Alpha(opacity=50);
你可以把两个都写上,这样两种浏览器都兼容了
火狐的半通明为: opacity:0.5;
IE的为:filter:Alpha(opacity=50);
你可以把两个都写上,这样两种浏览器都兼容了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这里有一个弹出层效果
可以覆盖屏幕
可以试试
可以覆盖屏幕
可以试试
参考资料： http://www.blueidea.com/common/shoutbox/redir.asp?8=p&id=11421
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
