css div兼容性介绍

《css div兼容性介绍》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、DIVCSS兼容CSS兼容是什么？什么是DIV+CSS兼容？DIVCSS5这里为大家解释究竟什么是CSS兼容CSS兼容包括以下几点:1、CSS网页版式错位2、CSS网页在不同浏览器显示文字大小、颜色不一致3、CSS网页空白4、DIV+CSS在各浏览器中显示布局样式不同DIVCSS兼容原因：1、未初始化CSS2、charset编码不正确3、标签为结束4、浏览器解释CSS属性不同5、CSS失效，未doctype声明解决网页不兼容方法：1、统一一次用到标签的CSS属性，也就是CSS初始化2、设置好charset网页编码，如网页UTF编码内容复制到GBK

2、网页里需要借助CSS工具（常用DW软件）转换编码3、记得关闭标签，如

3、、如果左右结构网页布局成了上下结构布局。解决方法是检查float浮动是否设置好；检查左右宽度是否计算正确，是否设置左右宽度大于总宽度；div开始与div结束包含是否正确，可以使用设置border边框来验证，是否少了div标签结束或多了div。3、字体高度不一致，有没有设置line-height或height属性来控制字行间距、CSS字间距。4、可能是你CSS注释有问题。整理关于IE6、IE7、IE8、Firefox兼容性CSSHACK问题1.区别IE和非IE浏览器CSSHACK代码 #divcss5{background:blue;/*非IE背景

4、藍色*/background:red9;/*IE6、IE7、IE8背景紅色*/}2.区别IE6,IE7,IE8,FFCSSHACK 【区别符号】：「9」、「*」、「_」【示例】： #divcss5{background:blue;/*Firefox背景变蓝色*/background:red9;/*IE8背景变红色*/*background:black;/*IE7背景变黑色*/_background:orange;/*IE6背景变橘色*/} 【说明】：因为IE系列浏览器可读「9」，而IE6和IE7可读「*」(米字号)，另外IE6可辨识「_」

5、(底线)，因此可以依照顺序写下来，就会让浏览器正确的读取到自己看得懂得CSS语法，所以就可以有效区分IE各版本和非IE浏览器(像是Firefox、Opera、GoogleChrome、Safari等)。3.区别IE6、IE7、Firefox(EXP1)【区别符号】：「*」、「_」【示例】： #divcss5{background:blue;/*Firefox背景变蓝色*/*background:black;/*IE7背景变黑色*/_background:orange;/*IE6背景变橘色*/}【说明】：IE7和IE6可读「*」(米字号)，IE6又

6、可以读「_」(底线)，但是IE7却无法读取「_」，至于Firefox(非IE浏览器)则完全无法辨识「*」和「_」，因此就可以透过这样的差异性来区分IE6、IE7、Firefox4.区别IE6、IE7、Firefox(EXP2)【区别符号】：「*」、「!important」【示例】： #divcss5{background:blue;/*Firefox背景变蓝色*/*background:green!important;/*IE7背景变绿色*/*background:orange;/*IE6背景变橘色*/}【说明】：IE7可以辨识「*」和「!imp

7、ortant」，但是IE6只可以辨识「*」，却无法辨识「!important」，至于Firefox可以读取「!important」但不能辨识「*」因此可以透过这样的差异来有效区隔IE6、IE7、Firefox。5.区别IE7、Firefox【区别符号】：「*」、「!important」【示例】： #divcss5{background:blue;/*Firefox背景变蓝色*/*background:green!important;/*IE7背景变绿色*/}【说明】：因为Firefox可以辨识「!important」但却无法辨识「*」，而IE7则

8、可以同时看懂「*」、「!important」，因此可以两个辨识符号来区隔IE7和Firefox。6.区别IE6、IE7(EXP1)【区别