Div 没有出现在嵌入式 Flash 播放器的顶部

Question

我正在尝试以下 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"/>

我已经尝试了所有方法，但没有成功。提前致谢。

Answer 1

尝试向其中添加 z-index:[value]。

Answer 2

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 结束标记也搞砸了。看我的fiddle。 z-index 确实在对象前面带了 div 标签。

Answer 3

你在 DIV 上的内联 CSS 是一团糟（或者你真的希望 DIV 只高 25px - 如果是，请在下面的代码中更改它 -我假设你想完全覆盖对象）...

我删除了它，将 class x 分配给 DIV 并为其设置了一个 CSS 规则，其宽度和高度与 object 标签。 (不同背景色绿色)

另请注意 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>

Div 没有出现在嵌入式 Flash 播放器的顶部

Div not appearing on top of embedded Flash player

html

css

flash