<a> tags not clickable in Internet Explorer 7 - why?</a>

时间:2011-11-30 10:08:13

标签: css hyperlink internet-explorer-7

我自己在页面上浮动了多个标签。

它们采用独特的方式设计,使用span和css将图像水平居中。 a标签本身具有固定的宽度和高度。

我认为这是基本的东西,我的主题导致了这个问题,但我创建了一个精简版jsFiddle,我在IE中运行jsFiddle时仍遇到同样的问题7。

除了IE7之外,每个浏览器都可以点击a标签,为什么会这样?

有人可以解释一下吗?感谢。

http://jsfiddle.net/motocomdigital/Qk9tu/6/ - 在IE7中测试可点击状态,在其他任何地方都能正常工作。

不要担心IE 6 - 我不再为此编码了。

4 个答案:

答案 0 :(得分:3)

在IE上,具有空属性<a></a>的链接元素(href)不显示链接光标(手)。

#属性中添加href或在cursor:pointer上添加a.home-module

答案 1 :(得分:2)

这是导致麻烦的内部跨度......

答案 2 :(得分:1)

你可以用CSS来实现你想要做的事情,但它需要在你的HTML和一些额外的CSS中稍微不同的布局。

JSFiddle - http://jsfiddle.net/8E8um/2/

注意

a.home-module我添加了透明图像。这是因为IE7不会将“空”参数(由于负文本缩进)分配到顶层,因此仍然会使链接无法点击。

答案 3 :(得分:0)

你应该为href属性分配“#”。

试试这个:http://jsfiddle.net/Qk9tu/5/