1、 CSS滤镜简介
　　随着网页设计技术的发展，人们已经不满足于原有的一些HTML标记，而是希望能够为页面添加一些多媒体属性，例如滤镜的和渐变的效果、CSS技术的飞快发展使这些需求成为了现实、从现在开始我要为大家介绍一个新的CSS扩展部分：CSS滤镜属性（Filter Properties)、使用这种技术可以把可视化的滤镜和转换效果添加到一个标准的HTML元素上，例如图片、文本容器、以及其他一些对象、对于滤镜和渐变效果，前者是基础，因为后者就是滤镜效果的不断变化和演示更替、当滤镜和渐变效果结合到一个基本的SCRIPT小程序中后，网页设计者就可以拥有一个建立动态交互文档的强大工具、也就是CSS FILTER+ SCRIPT， 这就说明想要建立动态的文档还要一些SCRIPT （脚本语言）的基础、可视化滤镜属性只能用在HTML控件元素上、所谓的HTML空间元素就是它们在页面上定义了一个矩形空间，浏览器的窗口可以显示这些空间、下面列出了HTML合法的控件和它们的说明、

2、 滤镜的应用
　　1.滤镜的使用 和其它CSS的样式定义方式一样，分为外部引用、内部引用和局部引用三种
　　2. Filter样式属性允许一次设定多个滤镜效果，也就是说，可以让一个HTML的元件同时拥有多个滤镜的的效果
　　3. 如果使用多的滤镜，那么滤镜间要以空格分开， 一个滤镜中的若干参数以逗号分隔， Filter和其他的CSS样式则以分号分开、
　　4. 部分滤镜要有一定的width与height才能显示出结果,如shadow,blur,alpha等、
　　5. 在有的滤镜中处理图片时，图片必须是透明的效果图，比如:Glow等
　　6. 有的滤镜不能应用在图片上，仅对容器有效、
　　7. 目前仅有IE的最高版本对滤镜支持较全，使用时要考虑浏览者浏览器的兼容性、

3、 alpha滤镜

语法：

CSS：filter : progid:DXImageTransform.Microsoft.Alpha ( enabled=bEnabled , style=iStyle , opacity=iOpacity , finishOpacity=iFinishOpacity , startX=iPercent , startY=iPercent , finishX=iPercent , finishY=iPercent )

Scripting：object.style.filter = "progid:DXImageTransform.Microsoft.Alpha ( sProperties ) "

?

alpha滤镜 属性 取值范围 说明 enabled 布尔值(Boolean)。 true | false true : 默认值。滤镜激活。 false : 滤镜被禁止。 设置或检索滤镜是否激活。 opacity 整数值(Integer)。取值范围为 0 - 100 。默认值为 0 ，即完全透明。 100 为完全不透明。 设置或检索透明渐变的开始透明度。 style 整数值(Integer)。 0 | 1 | 2 | 3 0 : 默认值。整体透明度。将 Opacity 值均匀的作用于对象。 1 : 线性渐变透明度。从由 StartX 和 StartY 决定的点，由 Opacity 决定的透明度开始，到由 FinishX 和 FinishY 决定的点，由 FinishOpacity决定的透明度结束。 2 : 圆形放射渐变透明度。圆形放射区域的圆心为对象的中心，圆周到与对象的边相切为止。透明渐变由圆心开始，到圆周结束。开始透明度由 Opacity 决定，结束透明度由 FinishOpacity 决定。 3 : 矩形放射渐变透明度。由对象的边开始，到对象的中心结束。开始透明度由 Opacity 决定，结束透明度由FinishOpacity 决定。 设置或检索透明渐变的样式 finishOpacity 整数值(Integer)。取值范围为 0 - 100 。默认值为 0 ，即完全透明。 100 为完全不透明 设置或检索透明渐变的结束透明度 startX 整数值(Integer)。其数值作为对象宽度的百分比值处理。默认值为 0 设置或检索 Alpha 滤镜透明渐变开始点的水平坐标。仅当 style 属性值设置为 1 ，即渐变样式为线性(linear)渐变时，此属性才会发生作用 startY 整数值(Integer)。其数值作为对象高度的百分比值处理。默认值为 0 设置或检索 Alpha 滤镜透明渐变开始点的垂直坐标。仅当 style 属性值设置为 1 ，即渐变样式为线性(linear)渐变时，此属性 免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。 相关资料更多> 惯用HTML代码（备用） HTML网页超链接标志<A>学习教程 制造网页的5条十分不错的建议 新浪微博站内应用，一个div悬浮框，IE下正常居中，非IE下严重偏移，求兼容的解决方法 jquery-loadmask not working properly in IE8,该如何解决 Jquery，css怎么创建一个悬浮的广告页面 奇怪的margin-top有关问题 关于嵌入式框架滚动条的有关问题 dreamweaver html 搜索中匹配的正则表达式 推荐阅读更多> 透过JavaScript设置transform:rotate(angle) 这段js代码是什么意思,该如何解决 float有关问题，这是不是错的 html 中几次方，平方米，立方米,上标，下标，删除线等的示意方法 用jquery跟css使表格颜色变化的一些代码 CSS图象滤镜之实用版 CSS+DIV练手——出游网站 急呀~解决思路 CSS标签大全-背景篇 惯用html标签笔记 TWaver HTML5 承袭结构和成员说明 HTML跟XHTML的区别 IE,FF,谷歌浏览器的input等标签的行距不一样解决思路 处置form撑大表格一法 应用 HTML5 开发离线应用 在CSS样式了如何对<a>赋 target ie6,ie7,ie8 css bug兼容解决记要 火狐里Flash的有关问题 DropDownList 下拉列表项变色解决方案 CSS的滤镜效果(1)