如何解决包含链接的div在IE 7中不显示为可单击
| 我有以下代码<a href=\"http://google.com\">
<div style=\"float:left;\">
Test
</div>
<div style=\"float:left;\">
testing
</div>
</a>
链接可以正常工作(单击div中的任意位置可导航到该链接),但在IE7中,div似乎不可点击。将鼠标悬停在div上时,光标不会变为手形。
悬停的工作方式与IE8,Firefox,Chrome中的例外
我的猜测是,通常有难看的IE hack :-(
解决方法
a {
display: block;
background: #eee;
overflow: hidden;
cursor: pointer;
}
即使没有更改指针,链接仍然有效,但是如果hasLayout设置为true(overflow:hidden;
,它也包含其他浏览器中的浮点数),则IE7会更喜欢它,然后告诉它具有正确的光标。救命 ;)
,除非您有一些额外的标记,否则这应该可以工作:
http://jsfiddle.net/Cd4PK/
但是,这是不好的标记。内联元素(a)中不应包含块元素(divs)。尝试使用跨度?
,href
不能为......
或为空
编辑:
尝试:
a
{
display: inline-block;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。