1

我正在为一个朋友设计一个网站，几乎完成了，但由于某种原因，我的图像地图参考被某些东西所扼杀。我从高处和低处看了看，删除了对 jQuery、CSS、JS 脚本的引用，我不知道为什么它不起作用。它位于http://www.toddwhittle.com/jp。如果您单击“客户”并使用右侧滚动条向下看到“促销/商业/政治”，图像将弹出客户列表上方。我有几个 YouTube 链接应该在新窗口中弹出。但没有喜悦。有人可以帮忙吗？

在此先感谢， TW

4

1 回答 1

0

当图像映射不起作用时，几乎没有例外，因为映射绑定的图像不是顶层。

这是您的布局：

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

图像映射处于“活动”状态。所有这些都position: absolute来自 css，并且一层层叠加。

设置opacity: 0不会让浏览器忽略某些东西——它只是让它变得透明。因此，图像贴图位于其下方img9，稍后渲染。

简单的解决方案就是使用display: none而不是opacity: 0隐藏非活动层。或者，您可以在活动层上设置z-index: 10（或比您可能使用的任何其他更高的东西）以确保它位于顶部。

于 2012-06-13T10:15:07.940 回答