日期:2014-05-17  浏览次数:20748 次

经典css遮罩层问题 不进来看会后悔的!!!
<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吧 各位 !谢谢啊 分不多 略表心意.


------解决方案--------------------
我的ie8.0 测试 层位置(从下到上)
<div class="mtm_warp" style="position:relative;"></div> 被遮罩层
<div id="ladingBox" style="visibility: hidden;"> </div> 遮罩层
<div id="loading"></div> 

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





------解决方案--------------------
看完后才后悔了,蛋疼的问题。