浏览器bug

IE6及以前

IE6以前的盒模型 width = content + padding + border

IE6及以前:在相对定位的父元素中绝对定位子元素,需要确保父元素设置宽高,否则就相对于body进行绝对定位。【解决方法:给父元素设置宽高】

IE6及以前:不支持固定定位

opacity:0.8;
filter:alpha(opacity=80);  //IE

顺序:lvhfa。focus:用键盘移动到超链接上时。

IE6及以下不支持属性选择器。

IE6及以下不支持margin:0 auto。text-align:center;被认为所有东西居中。【解决方法:父元素text-align:center,子元素text-align:left】

IE6及以前 不支持max-width属性。

IE7及以前

IE7及以前不支持outline轮廓

IE7及以下 不支持除链接以外的其他元素使用伪类选择器

IE8及以前

IE8及以前不支持pageX,pageY。(相对于页面的坐标)

IE8 及之前版本不支持metaKey 属性。

IE

IE中双外边距浮动bug。任何浮动元素上的外边距加倍。【解决方法:display:inline】

3px文本偏移bug。

rgba会应用特定元素,opacity会影响应用它的元素中的所有元素。

好文链接:https://blog.csdn.net/qq_33769914/article/details/70171757

Table of Contents