兼容之一

一、css

 *html 和 *+html
IE 核心的浏览器能识别*html 和*+html,而 Firefox 等非 IE 核心浏览器不能识别。
例:在 Firefox,IE7,IE6 中呈现三种不一样文字颜色:html

#div {color:red;}
*html #div {color:green;}
*+html #div{color:blue;}
//第一句 Firefox 等能够正常识别,因此这些浏览器中文字呈红色;
//第二句 IE6 能识别并执行,用于针对 IE6 独立写的样式,文字绿色;
//第三句只有 IE7 才能正确识别,而 IE6 和其余非 IE 核心浏览器不能,文字呈蓝色。web

二、浏览器

*html{_background-image:url(about:blank);_background-attachment:fixed;}

这段代码是专为IE6写的,帮助相对于窗口固定位置的元素实现无抖动效果。

当你想在页面的某个区域始终存在(浮动)一个网页元素,好比一个DIV,你但愿它能始终浮动在窗口的某个位置(好比页面两侧)。

在IE7以上的浏览器以及标准浏览器,都支持一个属性 position:fixed ,能够很简单地实现想要的效果,并且当窗口滚动时,该元素的滚动也会很平滑。。。可是在IE6及如下的版本浏览器下,并不支持该属性,因此只好使用position:absolute来代替实现,但新问题出现,你会发现,当滚动窗口时,该元素会出现抖动的现象,看起来就很不舒服,为了去掉这个抖动的BUG,为了实现平滑滚动,就有了以上这个css代码。

三、网页前缀url

-ms表明ie内核识别码
-moz表明火狐
-webkit表明谷歌
-o表明opera
相关文章
相关标签/搜索