经典css遮罩层问题 不进来看会后悔的!!!

MrHu1989 2012-06-04 05:28:50
<div id="ladingBox" style="visibility: hidden; "><div id="loading"></div></div>
<div class="mtm_warp" style="position:relative;"></div>
布局简单就是这个样子
下面是 css

#ladingBox { z-index:9999;margin-left :auto; margin-right:auto; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity=70); opacity:0.7; }
#loading{margin-left :auto; margin-right:auto; margin-top:150px; height:300px; width:500px; border:1px solid yellow; color:White;}
.mtm_warp{ width:1002px; margin:0 auto; overflow:hidden;}
简单就是这个样子 相信不难看懂啊 就是在ie8 下面 z-index 设置了没一点效果,遮罩层的优先级比被遮住的地方低 position:fixed;不能更改的 不然滚动以后遮罩就没了 就这么简单的啊 帮我写下 css吧 各位 !谢谢啊 分不多 略表心意.
...全文
622 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
mumubangditu 2012-06-05
  • 打赏
  • 举报
回复
看完后才后悔了,蛋疼的问题。
JJYY0088 2012-06-04
  • 打赏
  • 举报
回复
我的ie8.0 测试 层位置(从下到上)
<div class="mtm_warp" style="position:relative;"></div> 被遮罩层
<div id="ladingBox" style="visibility: hidden;"> </div> 遮罩层
<div id="loading"></div>

怎么和你说的不一样。。。




61,115

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧