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

时间:2010-09-18 13:02:14

标签: internet-explorer firefox html5 google-chrome opera

我使用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>

欢迎任何建议!

由于

1 个答案:

答案 0 :(得分:0)

感谢。 bobince是正确的。这确实是一个z索引问题(虽然不是与IE相关,但在所有浏览器中)。原来另一个绝对定位的元素重叠了,即使重叠的部分是透明的,它仍然接收点击而不是超链接! 摆弄元素的高度只是为了使它尽可能高,我现在链接工作