CSS特效赏析

8、浏览器的兼容问题

首先我们来了解一下什么是CSS-P。
　　CSS-P是Cascading Style Sheets Positioning的缩写。从字面上我们可以把它理
解成是用来控制任何元素在页面上或窗口上的位置的。而具体跟CSS-P有关的属性包括以
下这些：
　　Position、Left、Top、Height、Width、Clip、Visibility、Z-index、
Background-color、Layer-background-color、Background-image和Layer-
background-image等。
　　我们看到这些属性在前面的教程中都已经介绍过了，实际上就是CSS定位方面的知识
。
　　谁都知道最常用的两个浏览器是IE和NetScape。我们如何让和JavaScript结合起来
应用的CSS在两个浏览器下都能正常显示呢？
　　我们针对上一节的例子来讲解，它是这样实现兼容的问题的：
　　ns4 = (document.layers)? true:false
　　//*document.layers是NetScape专用的，如果是这种形式，则为NS浏览器*//
　　ie4 = (document.all)? true:false
　　//*document.all是IE专用的，如果是以这种形式，则为IE浏览器*// 　
　　function init() { 　　
　　if (ns4) block = document.blockDiv
　　if (ie4) block = blockDiv.style }
　　//*这里定义了一个函数，初始化对象block，在NS中，对CSS对象的表示方法是：
　　　document.blockdiv.propertyname,这里blockdiv是您可以任意定义的名称。
　　　在IE中， 表示方法是：blockdiv.style.propertyname。上面的代码是针对两
　　　种浏览器用不同的格式定义对象block，从而确保了在两种浏览器下都能正常显示
　　　。*//

下面我们就来看一个CSS-P与JavaScript结合起来的例子，您可以试一试在两种浏
览器下是否都能正常显示。

下一节将向您介绍一个移动的例子。