第6页:css同低版本浏览器的兼容性

网络整理 - 07-27
好的网页css设计同低版本的兼容性都很好。

你为4.0版浏览器设计的网页如果在3.0版的 浏览器上是一团糟,则你的设计是失败的。 利用样式表时,你更应该考虑到兼容性的 问题,因为许多用户使用的浏览器都不支 持CSS属性。

当然你可以为不同的浏览器设计出不同的 网页。但是我们想尽可能地避免这些麻烦, 以减少空间占用和网页维护工作。

让我们看看如何使利用样式表设计的网页 能被其它低版本浏览器兼容。

方法#1: 在类似的HTML标签上应用样式表

如果你想利用字重属性控制文字的加重显 示程度,为什么不使用<B>标签加入这种 效果呢?这样以来,在所有的浏览器中都 可以显示出文字的加重显示效果。 尽量使用和CSS说明相应的HTML标签,以 便在老的浏览器中也能达到4.0版浏览器 相同的显示效果。

方法#2: 用HTML标签重复加入样式

如果你想确保使段落显示蓝色,那么你应 该同时使用样式表属性和HTML标签设定段 落的颜色。 color: blue同时设定<FONT COLOR="blue">。如果你想使某要素居中, 则同时使用text-align: center 和 <CENTER>。

方法#3: 隐藏不想要的要素

如果你使用了大的装饰性的文字符号,而 这个文字符号在老的浏览器中显得很怪很 傻,你可以使用 <FONT COLOR="xyz"> 使 它的要素同背景色相同,从而使得它在老 的浏览器中被“隐藏”起来。而在新的浏 览器中,CSS属性仍将它用红色(或其它 任何颜色)显示,用户在新浏览器中仍然 可以看到它的效果。

使你的网页同老式浏览器兼容并不只是在 设计末尾时花几分钟加入几行命令,你必 须在整个设计过程中都时刻考虑到兼容性 的问题,并作出相应的设计。

而最重要的是:测试、测试、再测试。

返回本专题:《CSS层叠样式表教程》的目录