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

html-css021

怎么做好网页上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 × √ √

_(下划线)√ × ×

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