打印本文 打印本文 关闭窗口 关闭窗口
CSS教程(七)--IE的多媒体特效滤镜
作者:武汉SEO闵涛  文章来源:敏韬网  点击数662  更新时间:2009/4/23 13:47:30  文章录入:mintao  责任编辑:mintao

由于这些滤镜特效应用到网页上时,必须结合CSS的样式属性来控制,因此又称之为:多媒体样式特效

基本的Filter样式:

1、filter:滤镜名称 (参数设定)如:

这是一个定义在HTML标记内的样式

<IMG ID=sample SRC="sample.jpg" SYTLE="Filter:Blur(strength=50)">

也可以将Filter样式定义成类别:

.imgblur {Filter:Blur(strength=50)}

组合的Filter样式

Filter样式属性可以一次设定多个滤镜。单一滤镜也能设定多个参数。这时要注意下以下事项:

1、同时使用多个滤镜效果时,前后滤镜名称之间要空一格 如:

<IMG SRC="sample.jpg" STYLE="Filter: alpha(opacity=50) FlipH() Blur(amount=10)">

2、单一滤镜内设定多个参数,参数之间要以逗号(,)分隔。如:

<IMG id=sample SRC="sample.jpg" STYLE="Filter:alpha(opacity=50, FinishOpacity=100, style=2)">

3、Filter和其他CSS样式之间要以分号(;)分隔。如:

<IMG id=sample SRC="sample.jpg" STYLE="Filter:alpha(opacity=50) FlipH(enabled=0) Blur(amount=10); position:relative">

可应用Filter的HTML标记

BODY BUTTON DIV IMG INPUT MARQUEE SPAN TABLE TD TEXTAREA TFOOT TH THEAD TR

自己试试看,可以做出有创意的网页!

打印本文 打印本文 关闭窗口 关闭窗口