请问有没有一段css代码可以兼容全部的浏览器,ie6,ie7 ie8也可以的

2024-11-25 02:56:15
推荐回答(3个)
回答1:

大部分网站制作者主张用div+css来布局,这就面临着一个比较难的问题——浏览器的兼容性。
下面整理了一下相关的兼容问题,希望大家再在其基础上补充!
所有浏览器 通用 (市面上主要用到的IE6 IE7 FF)
height: 100px;

IE6 专用
_height: 100px;

IE6 专用
*height: 100px;

IE7 专用
*+height: 100px;

IE7、FF 共用
height: 100px !important;
一、CSS 兼容
以下两种方法几乎能解决现今所有兼容.

1, !important (不是很推荐,用下面的一种感觉最安全)

随着IE7对!important的支持, !important 方法现在只针对IE6的兼容.(注意写法.记得该声明位置需要提前.)

代码:


2, IE6/IE77对FireFox

*+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签.

代码:


注意:
*+html 对IE7的兼容 必须保证HTML顶部有如下声明:

代码:

回答2:

这个没有,就要你对每个不兼容的CSS,进行调试了,有些是很麻烦的,需要你的经验来判断。

回答3:

background:red;/*FF里显示的红色*/
+background:blue !important;/*IE7下面显示的蓝色*/
+background:green;/*IE6下面显示的绿色*/

注意书写顺序,原理:FF不识别加过符号的属性,而IE识别。 而!important是针对IE7的。