CSS教程
第一页 CSS教程-第5日
第二页 绝对定位
第三页 相对定位
第四页 控制定位了的要素
第五页 叠放文字和图象
第六页 同低版本浏览器的兼容性
第七页 放眼未来
第八页 第5日的练习
第九页 复习
第六页 同低版本浏览器的兼容性
好的网页设计同低版本的兼容性都很好。
你为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属性仍将它用红色(或其它任何颜色)显示,用户在新浏览器中仍然可以看到它的效果。
使你的网页同老式浏览器兼容并不只是在设计末尾时花几分钟加入几行命令,你必须在整个设计过程中都时刻考虑到兼容性的问题,并作出相应的设计。
而最重要的是:测试、测试、再测试。>>