图片链接不可点击答案

【问题标题】：Image link not clickable图片链接不可点击
【发布时间】：2013-08-15 02:52:41
【问题描述】：

你好，我在这个网站上工作了一段时间，我一直在努力让它在你调整窗口大小（或屏幕分辨率）时调整大小，当我终于让它工作时，图形上的链接是不可点击

这是我的网站，所有的圆圈都被编码为链接，但只有两个有效

非常感谢，非常感谢您的帮助

【问题讨论】：

【解决方案1】：

我知道您的问题是什么：每行中的所有项目都有 100% 的宽度，但它们具有相同的 z-index，当然其中一个会“覆盖”其他项目。解决方案是改变它们的宽度，给它们每个宽度，比如说 250px，然后调整你的“left”属性。可能您可以看到您的网站在 IE 中运行，因为 IE 不会以 ORDINARY 方式呈现您的 css。

【讨论】：

我试过给它们不同的宽度并调整left属性但结果是一样的，这是最后的修改：
#arrieros {width:80%;文本对齐：居中；位置：固定；对：400；左：-150px；顶部：179 像素； } #mediosiglo {宽度：70%;文本对齐：居中；位置：固定；左：200px；顶部：179 像素； } #reportajes {宽度：60%;文本对齐：居中；位置：固定；左：550px；顶部：179 像素； } #twitter {宽度：50%;文本对齐：居中；位置：固定；左：100px；顶部：440 像素； } #acercademi {宽度：40%;文本对齐：居中；位置：固定；左：400px；顶部：440 像素； } #facebook {宽度：30%;文本对齐：居中；位置：固定；左：700px；顶部：440 像素； }
你应该给它们更小的宽度。你没有意识到 80%+70%+60% 是 210% 吗？？？你最好给他们像素，因为你的图像宽度是247px，你应该给247px，然后再次调整“左”
我把圆圈换了一些正方形，现在没有重叠，确实是所有元素的宽度有问题，非常感谢！

【解决方案2】：

您的 div 标签未使用特定宽度进行格式化。每个 div 标签占据了接近页面的整个宽度。你需要给他们特定的宽度。在顶部的样式标记中，添加此 CSS。

    <style type="text/css">#arrieros{ width: 270px; }</style>

只需将您拥有的每个 div 的宽度设置为 270px，它应该可以正常工作。

【讨论】：

我尝试用像素而不是 % 来修改它，但这样圆圈不会适应屏幕分辨率或修改窗口大小时
我固定了宽度并更改了一些正方形的圆圈，现在没有重叠，所有链接都可以点击，非常感谢！