html – 锚标签href不起作用

概述编辑：关闭锚固定.在以下浏览器上进行测试时存在此问题： >谷歌浏览器 > Firefox 3.5 > Safari 在IE 8上没有问题 我在这里真的很奇怪.总之,看看下面的html： <a href="login_page.html" class="img"> <span class="img_holder"> <img src="images/columnists/mi 编辑：关闭锚固定.在以下浏览器上进行测试时存在此问题：

>谷歌浏览器
> firefox 3.5
> Safari

在IE 8上没有问题

我在这里真的很奇怪.总之,看看下面的HTML：

<a href="login_page.HTML" >    <span >        <img src="images/columnists/mike_zeisberger248.jpg" onerror="this.src='default.jpg'"/>    </span>    <span >track him</span></a>

这是img_holder CSS类：

.img_holder{    border: 1px solID #c8c8c8;    display:block;    background:#fff;     height: 100px}

和img类：

.img{    _margin:0 12px 12px 0;}

现在,问题是单击嵌套在锚标记内的图像不会将您带到其href链接(想想,当鼠标悬停在图像上时,href链接显示在状态栏中,并且在新标签中打开时打开完全正常) .

有任何想法吗？

解决方法 某些浏览器存在显示的锚点问题：内联(默认)包含display：block的元素.

使用.img选择器将display：block添加到规则集.

另见http://validator.w3.org/ – 它是第一次找到质量保证问题的低成果.您的示例代码似乎有一些错误.

总结

以上是内存溢出为你收集整理的html – 锚标签href不起作用全部内容，希望文章能够帮你解决html – 锚标签href不起作用所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。