zoukankan      html  css  js  c++  java
  • 网页<Object>标签 遮盖DIV标签解决方法

    网上搜了几种办法

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

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

    最终解决办法:

     <div id="contextmenu" style=" 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;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.

  • 相关阅读:
    RBAC概念
    Django框架的优缺点
    全文检索whoosh
    软件项目管理|期末复习(九)
    软件项目管理|期末复习(十四)
    HOJX 1003| Mixing Milk
    [转发]ACM刷题网站
    [转发]软件工具|Github上整理的一些工具
    软件项目管理|期末复习(三)
    计算机图形学|两道习题
  • 原文地址:https://www.cnblogs.com/jiaobaobao/p/8573953.html
Copyright © 2011-2022 走看看