IE6,7中, 图片导致超链接失效的bug

一. bug症状

点击包含图片的超链接, 页面并不跳转, 若图片与超链接之间存在空白, 点击空白处, 页面会跳转; 但却会响应鼠标事件.

二. bug出现的场景

a元素内嵌套一层或多层内联元素, 最终的内联元素包含一个img元素, 这时, 如果触发了a元素以内的, img元素的任何一个父元素的hasLayout, 那么超链接将失效.

(更多…)

, ,

用多class来区分IE6

一. 测试环境:

浏览器: IE6+, FF 3+, Chrome 4, Safari 4, Opera 10

二. 例子

<div class="a b">IE6看到黑色, 其他浏览器看到红色</div>
/* 针对其他浏览器, IE6中, 该句等价于div.b {color: red;} */
div.a.b { color: red;}
/* IE6中, 用这句进行覆盖 */
div.b { color: black;}

三. 说明

1. IE6看到黑色, 其他浏览器看到红色;

2. 非IE6中, .a.b的优先级与.a .b的优先级是一样的.

,

IE6对多class的解释bug

一. 什么是多class?

多class是指形如”.class1.class2″这样的css选择子.

二. 症状描述

IE6会把多个class当作单个对待, 且只会识别最后一个class, 如: .class1.class2相当于.class2.

(更多…)

,