网页标签 遮盖DIV标签解决方法

网上搜了几种办法

IE浏览器:在<object></object>标签内加入 <param name="wmode" value="transparent" /> 注:设置了并没有用。其他网友说是有用。

其他浏览器:在<embed /> 加入  <embed wmode=”opaque”></embed>

 

最终解决办法:

 <div id="contextmenu" style="width: 200px; height:220px;DISPLAY: none; top: 26px; left: 300px;z-index:999999">

     <Object>   .................     </Object>

  加入:  

    <iframe  src="" frameBorder="0" marginHeight="0" marginWidth="0" style="position:absolute;visibility:inherit;top:0px;left:0px;width:200px;height:200px;
        z-index:-1;filter:alpha(opacity=0);"></iframe>
 </div>

    有几点需要注意:

  iframe级别大于Object,DIV可以遮盖住iframe

  1.div必须有特定的z-index且大于iframe的z-index,不能是auto或空。

  2.iframe的z-index必须为负(之前一直设置为正值,虽然小于div的z-index,但一直不能被div遮盖),否则,div无法遮盖iframe

  3.iframe的top和left为0,且iframe的宽、高与div的宽高相等。

  4.注意设置iframe的透明度为0.


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM