CSS特效赏析

　1.动态改变样式
　2.动态可视化效果
　3.动态滤镜显示
　4.Blentrans属性
　5.Revealtrans属性
　6.动态Glow属性
　7.显示和隐藏
　8.兼容两种浏览器
　9.移动对象
　10.对象的滑动
　11.键盘控制对象
　12.鼠标控制对象
　13.Clip属性的应用
　14.动态文字变换
　15.动态改变页面样式
　16.动态时钟控制
　17.倒计时 　
　18.动态刷新

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结合起来的例子，您可以试一试在两种浏
览器下是否都能正常显示。 ☆

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

　上一实例　下一实例   

谈谈您的看法