代码之家  ›  专栏  ›  技术社区  ›  Ben

在flash嵌入前放置一个div

  •  7
  • Ben  · 技术社区  · 15 年前

    我需要把一个DIV标签放在页面上所有其他东西的上面。我已经读过将wmode参数设置为opaque会做到这一点,但也听说这只会影响ie。这是真的吗?你是怎么做到的?

    2 回复  |  直到 15 年前
        1
  •  7
  •   Ipsquiggle    15 年前

    在您的flash applet标签中,只需包含以下内容:

    <object id='flashObject' ....>
        <param ....>
        <param name='wmode' value='opaque'>
        <embed ... wmode='opaque'>
        </embed>
    </object>
    

    那应该处理好。

    请注意,这样做的缺点是它减慢了Flash电影和页面元素的渲染速度,但在大多数情况下不应该是一个问题。

    此外,通过将其作为对象参数和嵌入属性包含在内,它可以在所有主要浏览器中工作。

    根据午夜利格宁的评论进行编辑:

    以这种方式准备flash对象后,您需要在页面上浮动DIV,如下所示:

    <body>
        <object> ... <!-- this is your flash movie --> </object>
        <div id="floater">The Floating Div</div>
    </body>
    

    然后创建这样的CSS:

    #flashObject { position:relative; z-index:1 }
    #floater { position:absolute; z-index:100; top:0; left:0; }
    
        2
  •  0
  •   Adam Kiss    15 年前

    在我的客户网站上,我使用了HTML:

    <div id="photo>
      <div id="flash"></div>
      <ul id="navigation">..</ul>
    </div>
    

    CSS:

    #flash { z-index: 6; }
    #navigation { z-index: 8; margin-top: -100px; }
    

    然后我更换 #flash 用我的闪光灯 swf 使用swfobject( http://code.google.com/p/swfobject )

    所以基本上,z-index和一些嵌入flash的智能方法 应该 工作: