javascript - 遮盖对象

Question

我目前正在尝试制作一个对象以使其不可点击。我正在使用 z-index 但问题是对象总是将自己放在第一位。有没有办法在背景中隐藏对象？

<div style="position:absolute; width:1000px; height:100px; z-index:1001; background:#00F;opacity:0.4;filter:alpha(opacity=40); left:0px; top:0px;"></div>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
    width="99%" height="99%" id="pdf" style="position:absolute; z-index:999;">
    <param name="movie" value="filename.pdf">
    <param name="quality" value="high">
    <param name="bgcolor" value="##FFFFFF">
    <embed src="filename.pdf" quality="high" bgcolor="##FFFFFF" width="99%" height="99%"
            name="2003map" align="" type="pdf">
    </embed>
</object>
</div>

Answer 1

您是否尝试将 z 索引设置为负数？ 还可以尝试将对象放入一个 z 索引低于另一个的 div

像这样

<div style="position:absolute; width:1000px; height:100px;
 z-index:1001;background:#00F;opacity:0.4;filter:alpha(opacity=40);
 left:0px; top:0px;">
</div>
<div style="z-index:999;" id="object_cantainer">
  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  width="99%" height="99%" id="pdf" style="position:absolute; ">
  <param name="Enabled" value="0" />
  <param name="movie" value="filename.pdf">
  <param name="quality" value="high">
  <param name="bgcolor" value="##FFFFFF">
  <embed src="filename.pdf" quality="high" bgcolor="##FFFFFF" width="99%" height="99%"
        name="2003map" align="" type="pdf">
  </embed>
 </object>
</div>

另一个选项可能将对象的 onclick 事件设置为空？