锚标签在 HTML5 网站中停止工作答案

【问题标题】：Anchor tags stopped working in HTML5 website锚标签在 HTML5 网站中停止工作
【发布时间】：2010-09-18 13:02:13
【问题描述】：

我使用HTML5 reset 作为编写 HTML5/CSS3 网站的基础。但由于某种原因，基本的锚标记在 IE 以外的任何地方都不能再点击了！

<a href="http://www.google.com">google</a> 为 A 标签呈现正确的颜色文本，但没有应用悬停效果，指针没有改变，我无法单击链接。当我检查它时，Firebug 给了我以下信息：

 a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:0 none;
color:#555555;
font-size:100%;
margin:0;
padding:0;
text-decoration:none;
text-transform:lowercase;
vertical-align:baseline;
}

*|*:link {
color:#0000EE;
}

*|*:-moz-any-link {
text-decoration:underline;
}

:-moz-any-link {
cursor:pointer;
}

所以我看不到任何值得注意的东西，它在 Chrome 和 Opera 中也是如此，所以我有点恼火。我在本地主机上开发，所以目前没有要发布的 URL，但是呈现的 HTML 标记并不令人惊奇：

    <div id="copyanddesign">
        &copy; Someone 2010. 
        Design by <a href="http://www.google.com">google</a>
    </div>

欢迎提出任何建议！

谢谢

【问题讨论】：

您是说 Firebug 正在向您展示这些样式....但是you 写了什么？显示 your CSS 和 HTML。
您可以使用jsfiddle.net发布您的HTML
这通常是一个 IE z-index 错误。确保每个带有 position 的元素都有一个明确的 z-index 以确保一致的浏览器行为。

标签： internet-explorer firefox html google-chrome opera

【解决方案1】：

谢谢。 bobince 是正确的。这确实是一个 z-index 问题（尽管与 IE 无关，但适用于所有浏览器）。结果发现另一个绝对定位的元素正在重叠它，即使重叠部分是透明的，它仍然收到点击而不是超链接！摆弄元素的高度，使其达到我需要的高度，现在链接可以工作了

【讨论】：