CSS的浏览器兼容有关问题-HTML教程-爱易网页

CSS的浏览器兼容有关问题

日期：2014-05-17　浏览次数：20672 次

CSS的浏览器兼容问题

1.区别IE和非IE浏览器

#tip?{
background:blue;?/*非IE?背景藍色*/
background:red?\9;?/*IE6、IE7、IE8背景紅色*/
}

2.区别IE6,IE7,IE8,FF

【区别符号】：「\9」、「*」、「_」
【示例】：

#tip?{
background:blue;?/*Firefox?背景变蓝色*/
background:red?\9;?/*IE8?背景变红色*/
*background:black;?/*IE7?背景变黑色*/
_background:orange;?/*IE6?背景变橘色*/
}

【说明】：因为IE系列浏览器可读「\9」，而IE6和IE7可读「*」(米字号)，另外IE6可辨识「_」(底线)，因此可以依照顺序写下来，就会让浏览器正确的读取到自己看得懂得CSS语法，所以就可以有效区分IE各版本和非IE浏览器(像是Firefox、Opera、Google Chrome、Safari等)。

3.区别IE6、IE7、Firefox (方法 1)

【区别符号】：「*」、「_」
【示例】：

#tip?{
background:blue;?/*Firefox背景变蓝色*/
*background:black;