[CSS]再发现一个IE6/7的小Bug

再次发现一个IE6/7的小Bug.该bug影响不大,但需要说明一下,提醒下自己,也提醒下需要的朋友.
  例如在下面的代码中,就会出席一个奇怪的现象:
<a href="#" style="display:block;width:100px;height:100px;"><div><img src="image.jpg" /></div></a>
  上面这段代码的意思是:将a标签定义为块元素,然后里面放一个div,div里面再放一张图片,这时,在IE6/7下,图片就会挡住a标签的链接,也就是说此时在图片上面点击鼠标,是不会执行跳转的,哪怕图片和div统统都是包含在a标签内的.但是在IE8/FF下则正如我们所想的那样,一切正常.
  为什么呢?这是IE6/7对CSS支持不够完善引起的,在此情况下,尽管将a标签定义为了块元素,但它却还不是真正的"块",在某种程度上它还保留着内联元素的特性.
  由于近期的几个case里面经常用到这种效果,但所幸的是我的a链接不是直接跳转的,而是通过lightBox跳转打开大图片的--即:通过js的点击事件来跳转的,因此躲过一劫,不然就要伤脑筋想弯路啦!

[本日志由 黑咖啡 于 2009-10-27 23:16:30 编辑]
上一篇: 再次鄙视ICP备案和ICP管理单位!
下一篇: 为什么www.you.com会指向127.0.0.1?
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: CSS 发现 IE6/7 bug
相关日志:
评论: 0 | 引用: 0 | 查看次数: -
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱: 支持Gravatar头像.
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.