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索引视为否定？还尝试将对象放在一个div中，其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>
<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事件设置为空？

Answer 2

也可以尝试使用wmode="opaque"

掩盖一个对象

2 个答案: