对透明效果应用的说明

DIV与TABLE的分别之一就是DIV具有层叠特性。
DIV的层叠特性可以让UI设计变得天马行空，层层相叠，透明透底的技术实现是关键的一步。
三种透明的方式：
1、GIF像素透明图;
2、CSS样式透明的调用，filter:alpha(opacity=60)与opacity:0.60属性共用解决浏览器兼容问题(本例透明度60%);
3、PNG不规则与色彩渐变透明图。

本图为GIF像素透明图:

本图播放按钮为PNG圆形透明图，播放按钮下的透明层为CSS控制:

PNG的透明图IE6不能友好支持，通过CSS滤镜来现实，但有一点要注意。

看下面的路径结构图：

style.css代码:

background:url(../img/play.png);/* CSS通过相对路径找到图片 */
_background:none;/* IE6背景图屏蔽 */
/* IE6下CSS滤镜方法通过绝对路径找到图片 */
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(enabled=true,sizingMethod=scale,src="/i/test/default/img/play.png");

看出来了吧，CSS滤镜对路径要求还是比较独特的，本例中如果不注意路径的问题或写成../img/play.png这样，那是找不到图片的。