div 没有出现在嵌入式 Flash 播放器的顶部
Posted
技术标签:
【中文标题】div 没有出现在嵌入式 Flash 播放器的顶部【英文标题】：Div not appearing on top of embedded Flash player 【发布时间】：2017-07-13 06:30:24 【问题描述】：我正在尝试拥有以下 div
<div style="position:absolute;width:1000px;height:25px;border:0px;solid #000;color:#052B8B"/>
出现在这个物体上
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" id="Kirchhoff" align="middle"/>
<param name="movie" value="Kirchoff.swf"/>
<param name="quality" value="high"/>
<param name="wmode" value="opaque"/>
<param name="bgcolor" value="#ffffff"/>
<embed src="Kirchhoff.swf" quality="high" bgcolor="#DDB85F" name="Kirchhoff" align="middle" allowScriptAccess="sameDomain" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="opaque"/>
我已经尝试了一切，但没有运气。提前致谢。
【问题讨论】：
通过弹出我的意思是出现在顶部。 你需要发布完整的 html 代码，这样我们才能看到两个元素之间的关系，以及所有相关的 CSS @Johannes 刚刚上传了它 您知道您可以编辑问题吗？ （即不添加其他信息作为答案） 没有额外的 CSS 吗？ 【参考方案1】：https://jsfiddle.net/ecn65bdv/3/
<div style="position:absolute;width:1000px;height:25px;border:0px;solid #000;color:#052B8B">This is div</div>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" id="Kirchhoff" align="middle">
<param name="movie" value="Kirchoff.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="bgcolor" value="#ffffff">
<embed src="Kirchhoff.swf" quality="high" bgcolor="#DDB85F" name="Kirchhoff" align="middle" allowScriptAccess="sameDomain" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="opaque" />
你的对象 html 搞砸了。你做一个对象，但在你的 HTML 中你提供了你的建议，你有一个对象标签和一个单独的嵌入标签。你的 div 结束标签也搞砸了。看我的小提琴。 z-index 确实将 div 标签放在了对象的前面。
【讨论】：
非常感谢这解决了我的问题！只是一个小问题，现在 div 在对象下方 2 px，所以可以看到顶部，我似乎可以调整边框你有什么建议？ 感谢您接受我的回答！当您说“下”时，我假设您的意思是 div 标签位于对象的“下方”。要调整 div 的位置，您可以将以下 css 添加到 div：Position:absolute;top:2px;。或者你可以做 Position:relative;取决于你的需要。要调整顶部边框，你可以这样做 css:border-top:none;详情请见：w3schools.com/cs-s-ref/pr_class_position.asp 和 w3schools.com/css/css_border.asp。我还注意到 div 标签的 CSS 无效：border:0px;solid #000;。应该是：border:0px solid #000;【参考方案2】：尝试添加z-index:[value]。
【讨论】：
我试过了，但仍然没有运气，目录总是落后【参考方案3】：您在该 DIV 上的内联 CSS 是一团糟（或者您是否真的希望该 DIV 只有 25 像素高 - 如果是，请在下面的代码中更改 - 我假设您想完全覆盖该对象）...
我删除了它，将类x 分配给该DIV，并为其设置了一个与object 标记具有相同宽度和高度的CSS 规则。 （不同背景颜色绿色）
还要注意body上的margin: 0，它会阻止默认边距。
body
margin: 0;
.x
position: absolute;
background: green;
width: 900px;
height: 700px;
<body bgcolor="#052B8B">
<div class="x"></div>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" id="Kirchhoff" align="middle" />
<param name="movie" value="Kirchoff.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="bgcolor" value="#ffffff" />
<embed src="Kirchhoff.swf" quality="high" bgcolor="#DDB85F" name="Kirchhoff" align="middle" allowScriptAccess="sameDomain" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="opaque" />
</body>【讨论】：
以上是关于div 没有出现在嵌入式 Flash 播放器的顶部的主要内容，如果未能解决你的问题，请参考以下文章
flash 媒体播放器可以播放 wmv/asf 格式的媒体吗？
怎么关闭正在div里面播放的flash flash是一个动画。我把div的display属性改为none 但是动画还在播放