div 没有出现在嵌入式 Flash 播放器的顶部答案

【问题标题】：Div not appearing on top of embedded Flash playerdiv 没有出现在嵌入式 Flash 播放器的顶部
【发布时间】：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" width="900" height="700" 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" width="900" height="700" name="Kirchhoff" align="middle" allowScriptAccess="sameDomain" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="opaque"/>

我已经尝试了一切，但没有运气。提前致谢。

【问题讨论】：

通过弹出我的意思是出现在顶部。
你需要发布完整的 HTML 代码，这样我们才能看到两个元素之间的关系，以及所有相关的 CSS
@Johannes 刚刚上传了它
您知道您可以编辑问题吗？（即不添加其他信息作为答案）
没有额外的 CSS 吗？

标签： css html flash

【解决方案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" width="900" height="700" 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" width="900" height="700" 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/cssref/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" width="900" height="700" 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" width="900" height="700" name="Kirchhoff" align="middle" allowScriptAccess="sameDomain" pluginspage="http://www.macromedia.com/go/getflashplayer" wmode="opaque" />
</body>

【讨论】：