Javascript 遮蔽物体

我目前正在尝试制作一个对象，试图使其不可拾取。我使用的是z索引，但问题是对象总是将自身放在第一位。有没有一种方法可以将对象屏蔽到背景中的对象

<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>

---

您是否尝试将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事件设置为空

也尝试使用

wmode=“不透明”

实际上，PDF不再加载。看这里，可能将其设置为0不起作用。前面的div仅为顶部。所以PDF的底部应该仍然显示…它没有显示的部分。此外，div具有不透明度，因此用户可以看到后面的内容。