怎么做好网页上DIV+CSS对浏览器的兼容问题

html-css023

怎么做好网页上DIV+CSS对浏览器的兼容问题,第1张

现在基本都只应付IE7,IE6和FF（火狐）的兼容问题，具体做法是在做页面的时候，就打开三个浏览器来调试，不要等做完再来调，那样会累死。当发现不兼容情况导致页面异常的时候，针对不同浏览器在css中做出调整，例如可以用这种方法来区分：

{width:300px

*width:200px

*_width:100px}

表示在FF中宽度为300px，IE7中为200，IE6中为100。要同时区分三个浏览器的时候，css样式的书写顺序为：FF

>

IE7

>

IE6。

注：带“_”的css样式只有IE6能识别，带*号的只有IE能识别，样式后加“!important”只有FF和IE7能识别

导致问题出现的是margin-left:10px

出错的浏览器应该是把10px解析成2倍数值了，也就是20px了，所以造成宽度超出总宽度换行的问题；你这里可以在外面嵌套一个div并设置padding-left:10px 原来的margin-left:10px删掉

兼容性常见的就是间距问题了。。。

小范围的修改建议：

IE6，IE7，firefox : background:orange

*background:green_background:blue

【注：:不管是什么方法，书写的顺序都是firefox的

写在前面，IE7的写在中间，IE6的写在最后面。】

或则用！important 区分。

浏览器/符号 IE6 IE7 FF(FireFox)

*(星号) √ √ ×

!important × √ √

_(下划线)√ × ×

一般用这个方法做小范围的修改 问题就可以解决了。。。