Question

我正在为朋友设计一个网站，差不多完成了，但由于某些原因，我的图片地图引用被某些东西搞定了。我看起来高低不一，拿出了对jQuery，CSS，JS脚本的引用，并且我最终知道为什么它不起作用。它位于http://www.toddwhittle.com/jp。如果您单击“客户端”并使用右侧滚动条向下看到“Promos / Commercials / Politicals”，则图像将弹出客户列表上方。我可以在新窗口中弹出多个YouTube链接。但没有快乐。有人可以帮忙吗？

提前致谢， TW

Answer 1

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

这是你的布局：

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

图像映射处于“活动”状态。所有这些都是来自css的position: absolute，并且是一个在另一个上面的分层。

设置opacity: 0不会使浏览器忽略某些内容 - 它只是使其透明。因此，imagemap位于img9下面，稍后呈现。

简单的解决方案就是使用display: none代替opacity: 0来隐藏非活动层。或者，您可以在活动图层上设置z-index: 10（或高于您可能使用的任何其他内容），以确保它位于最顶层。

图像映射功能被SOMETHING限制

1 个答案: