<div>元素不是Safari Windows中的顶层

Question

<div>元素不是Safari Windows中的顶层

use*_*926 6 html safari z-index always-on-top html-object

我有<div>元素显示弹出消息.我已经设置z-index:1000并添加,<iframe>但div元素仍未显示在Safari浏览器中的直播视频(嵌入插件)之上.我使用Chrome和Firefox,两者都有效,但它在Safari Windows中无法运行.

这是我在小提琴中的代码.

<BODY style="background:transparent">
<div style="position:relative; z-index:0;">
    <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="240" height="180">
        <param name="wmode" value="transparent"></param>
        <embed height="180" width="240" align="left" src="xxxx.avi" autoplay="false" controller="true" wmode="transparent"></embed> 
    </object>

    <object>
        <param name="wmode" value="transparent"></param>
        <param name="movie" value="http://www.youtube.com/v/Q5im0Ssyyus?fs=1&amp;hl=en_US"></param>
        <param name="allowFullScreen" value="true"></param>
        <param name="allowscriptaccess" value="always"></param>
        <embed src="http://www.youtube.com/v/Q5im0Ssyyus?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="240" height="180"></embed>
    </object>
</div>  

<div id="draggable">
    <div class="drag">
        <p>Drag me around!! Drag me around!!</p>
        <p>Drag me around!! Drag me around!!</p>
        <p>Drag me around!! Drag me around!!</p>
    </div>
    <iframe class="frame"></iframe>
</div>

Run Code Online (Sandbox Code Playgroud)

任何人都可以发现此代码的任何问题？

Answer 1

luk*_*com 5

您需要将wmode更改/设置为opaque.

<embed src="..." wmode="opaque"></embed>

Run Code Online (Sandbox Code Playgroud)

并尝试为第一个对象设置适当的类型.

<embed src="xxxx.avi" ...wmode="opaque" type="application/x-shockwave-flash"></embed>

Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/8C2py/7

归档时间：	12 年，10 月前
查看次数：	1454 次
最近记录：	12 年，2 月前