DIV+CSS浏览器兼容

在网站设计的时候，应该注意  样式兼容不同浏览器问题，特别是对完

全使用  设计的网，就应该更注意  对  样式的兼容，不

然，你的网乱可能出现不想出现的效果！

 !"#

 以上  浏览器，使用 IE7 兼容模式进行渲染

所有浏览器 通用

$%&''()

专用

$%&''(-.)

！!/$.0：.$)+!/$.0)*!/$.0%!)

注：不管是什么方法，书写的顺序都是 1.2( 的写在前面， 写在中间，

 的写在最后。

一、兼容

以下两种方法几乎能解决现今所有兼容3

&4-.5不是很推荐，用下面的一种感觉最安全6

随着  对-. 的支持4-.方法现在只针对  的兼容35注意

写法3记得该声明位置需要提前36

代码%

=4" 对 .(2.针对 1.2( 的  样式#

+,与 +是  特有的标签41.2(暂不支持3而+,又为  特

有标签3

代码%

7#

89..:90%&='()<"+.(+"

+89..:90%;'()<"+1(0+"

+,89..:90%'()<"+1(04注意顺序 +"

"7#

注意%

+,对  的兼容 必须保证 >?@A 顶部有如下声明：

%""99939G3.$"?J"H"300#

二、万能 K闭合5非常重要-6可以用这个解决多个 0 对齐时的间距不对，

@./M

将以下代码加入 N!中4给需要闭合的 0 加上 O.1(O即

可4屡试不爽3

代码%

7#

"+.(+"

<

3.1(:

"7#

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

++++++++++++++++++++++++++++++++++++++++++++++++++

三、其他兼容技巧5相当有用6

&4 下给 0设置 00$后会导致 90和 $增加4但  不会35可

用-. 解决6

=4居中问题3

&63垂直居中3将 $设置为 当前 0相同的高度4再通过 

$%0035注意内容不要换行36

=63水平居中3.$%')5当然不是万能6

G4若需给 标签内内容加上 样式4需要设置 07%!/)5常见于导航标

签6

.$ 加倍等问题3

4作为外部 9..的 0不要定死高度4最好还加上 .K9%003

兼容代码%兼容最推荐的模式。

90%H'()

$%Q()

<

"++"

网站，或者页面的时候，会出现一些不兼容的问题，有的显示出来正常，有的

显示出来不正常，我们在编写  的时候会很恼火，刚修复了这个浏览器的问

题，结果另外一个浏览器却出了新问题。而兼容就是一种办法，能让你在一个

 里面独立的写支持不同浏览器的样式。这下就和谐了。呵呵！

最近微软发布的  浏览器的兼容性确实给一些网页制 作人员添加了一个沉重

的负担，虽然  已经走向标准化，但还是有许多和  不同的地方，所以需要

用到  的兼容，有许多朋友问过  的兼容是什么， 其实我也不知道。暂时

样式》中的兼容方式也是很好用的。

三个兼容，例如：（适合新手，呵呵，高手就在这里路过吧。）

第一个兼容，所有浏览器 公用（其实也不算是兼容）

第二个兼容  专用

第三个兼容  公用

+$%&''()

介绍完了这三个兼容了，下面我们再来看看如何在一个样式里分别给一个属性

定义  专用的兼容，看下面的代码，顺序不能错哦：

程序代码

$%&''()

+$%&='()

下面我简单解释一下各浏览器怎样理解这三个属性：

在  下，第 =、G 个属性  不认识，所以它读的是 $%&''()

在  下，第三个属性  不认识，所以它读第 &、= 个属性，又因为第二个属

性覆盖了第一个属性，所以  最终读出的是第 = 个属性 +$%&='()