2024年4月22日发(作者：)

现在我们在做网页的时刻总是要考虑一些浏览器之间的兼容问题。近期在做一个短信

平台的项目。在项目的开发过程中让我遇到了一件头痛的事情就是IE7与IE8不兼容。后

面想了许多办法得以解决。现共享如下:

如果你的页面对IE7兼容没有问题,又不想大量修改现有代码,同时又能在IE8中正常

使用,微软声称,开发商仅需要在目前兼容IE7的网站上添加一行代码即可解决问题,此代码

如下:

解决firefox ie6 ie7的CSS样式兼容问题

做主题最麻烦的就是CSS样式兼容问题,由于各浏览器对ccs的不同解释,造成本来

IE7可正常显示,但到了Firefox 、ie6等其它浏览器上,却出现错位、下沉等问题,只得在

Firefox 、ie6 、ie7之间不停的切换调试,汗…最近又有两款浏览器加入googleChrome

和IE8,某个浏览器一统天下看来是没希望了,只能尽量克服兼容问题。找到一篇解决兼

容问题的文章,还是很有效的。

1 针对firefox ie6 ie7的CSS样式

现在大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是

ie7

对!important可以正确解释,会导致页面没按要求显示!找到一个针对IE7不错的

hack方式就是使用“*+html”,现在用IE7浏览一下,应该没有问题了现在写一个CSS可

以这样:

复制代码

1. #1 { color: #333; } /* Moz */

2. * html #1 { color: #666; } /* IE6 */

3. *+html #1 { color: #999; } /* IE7 */

那么在firefox下字体颜色显示为#333,IE6下字体颜色显示为#666,IE7下字体颜色

显示为#999。

2 css布局中的居中问题

主要的样式定义如下:

复制代码

1. body {TEXT-ALIGN: center;}

2. #center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }

说明: