Question

css+div 做的网页层要求浮动并随着滚动条的移动而移动 对不同浏览器的兼容问题怎么解决

Answer 1

了解每个浏览器的css解释规则,你就很容易实现

比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到你所需要的页面效果。

这个时候就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到想要的页面效果。
规则 ：

IE6 ： 能识别下划线"*" 和 星号" _"，但不能识别 !important；

IE7 ： 能识别星号" * " 和 !important，当不能识别下划线"_"；

Firefox ： 只能识别 !important 。

IE6 IE7 FF
* √ √ ×

!important × √ √

_ √ × ×

目前针对IE8也有解决办法，padding:10px\9;

这个 ' \9 ' 是区分所有IE浏览器的，只有IE能认，这样就可以按照从 Firefox到IE8到IE7到IE6的兼容顺序来写。

div{ height:700px;}

div{ height:600px\9;}

div{*height:500px;}

div｛_height:400px;｝

书写顺序，一般是将识别能力强的浏览器的CSS写在后面。