Html 图像映射功能被某些内容禁用

我正在为一个朋友设计一个网站，几乎完成了，但由于某种原因，我的图片地图引用被某些东西拒绝了。我看了很多关于jQuery、CSS、JS脚本的参考资料，不知为什么它不起作用。现在是。如果你点击“客户”并使用右滚动条进入你看到的“促销/商业/政治”，图像将在客户列表上方弹出。我有几个YouTube链接，应该会在新窗口中弹出。但是没有快乐。有人能帮忙吗

提前感谢,，

---

TW

当imagemaps不工作时，几乎没有例外，因为绑定到地图的图像不是顶层

以下是您的布局：

<dl class="folio">
    <dt></dt>
    <dd class="dt">
        <div id="img1" style="opacity:0;"> ... </div>
        <div id="img2" style="opacity:0;"> ... </div>
        ...
        <div id="img8" class="active"> ... </div>            
        <div id="img9" style="opacity:0;"> ... </div>
    </dd>
</dl>

... 
... 
...
...             
... 

imagemap处于“活动”状态。所有这些都是css中的

position:absolute

，并且是一层一层的

设置

不透明度：0

不会使浏览器忽略某些内容-它只是使其透明。因此，imagemap位于稍后渲染的

img9

下方

---

简单的解决方案是使用

display:none

而不是

opacity:0

隐藏非活动层。或者，您可以在活动层上设置

z-index:10

（或者比您可能使用的任何其他层都高的值），以确保它位于顶部。

不，我在页面上没有看到“促销/商业/政治”，我不知道您所说的“将弹出的图像”是什么意思。该页面包含几个HTML语法错误。