haslayout引起的IE6 :hover失效

大家都知道IE6之支持<a>标签的:hover为了,但是通常在做实际效果的时候<a>标签 :hover在IE6下会失效,

看代码:

[code=”html”]

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
http://www.w3.org/1999/xhtml”>


无标题文档


鼠标经过时改变我的颜色

[/code]

在IE6下“颜色”根本就不会变成红色,其他浏览器都是好的,要解决这个问题就必须触发a:hover的layout,例如a:hover { display:inline-block}或者a:hover { zoom:1}等等。

赞(0) 打赏
未经允许不得转载:WEB前端开发 » haslayout引起的IE6 :hover失效

评论 3

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #-49

    经过测试,就a:hover{zoom:1}而言,a:hover的伪类设置任何的属性都会有效的,不知道为什么,而haslayout被戏称为尺寸臭虫。
    我是看了别人的文章的,测试了一下,好像不是haslayout的问题,原因不明。
    参看:http://www.blueidea.com/tech/web/2009/6796.asp

    没事看看10年前 (2009-07-10)回复
  2. #-48

    愚人兄,其实这问题的解决方案只需要给a标签加个链接就可以解决这个bug了,目前只有IE下不加超链接会失去a标签的:hover.没有超链接就要加个空链接。

    周威(zoowar)7年前 (2011-11-09)回复

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏