CSS滤镜的应用:basicimage- -

CSS滤镜的应用
<DIV style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FILTER: progid:DXImageTransform.Microsoft.BasicImage(); PADDING-BOTTOM: 4px; WIDTH: 80%; COLOR: #ffffff; PADDING-TOP: 4px; HEIGHT: 80px; BACKGROUND-COLOR: #3399cc"><IMG src="http://yesir.blogdriver.com/yesir/pic/w.gif">
CSS滤镜的应用</DIV>

CSS滤镜的应用:grayScale
<DIV style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FILTER: progid:DXImageTransform.Microsoft.BasicImage(grayScale :1); PADDING-BOTTOM: 4px; WIDTH: 80%; COLOR: #ffffff; PADDING-TOP: 4px; HEIGHT: 80px; BACKGROUND-COLOR: #0000ff"><IMG src="http://yesir.blogdriver.com/yesir/pic/w.gif">
CSS滤镜的应用:grayScale</DIV>

CSS滤镜的应用:mirror
<DIV style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FILTER: progid:DXImageTransform.Microsoft.BasicImage(mirror :1); PADDING-BOTTOM: 4px; WIDTH: 80%; COLOR: #ffffff; PADDING-TOP: 4px; HEIGHT: 80px; BACKGROUND-COLOR: #cc0066"><IMG src="http://yesir.blogdriver.com/yesir/pic/w.gif">
CSS滤镜的应用:mirror</DIV>

CSS滤镜的应用:opacity
<DIV style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FILTER: progid:DXImageTransform.Microsoft.BasicImage(opacity :0.5); PADDING-BOTTOM: 4px; WIDTH: 80%; COLOR: #ffffff; PADDING-TOP: 4px; HEIGHT: 80px; BACKGROUND-COLOR: #008080"><IMG src="http://yesir.blogdriver.com/yesir/pic/w.gif">
CSS滤镜的应用:opacity</DIV>

CSS滤镜的应用:xray
<DIV style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FILTER: progid:DXImageTransform.Microsoft.BasicImage(xray:1); PADDING-BOTTOM: 4px; WIDTH: 80%; COLOR: #ffffff; PADDING-TOP: 4px; HEIGHT: 80px; BACKGROUND-COLOR: #66ff00"><IMG src="http://yesir.blogdriver.com/yesir/pic/w.gif">
CSS滤镜的应用:xray</DIV>

CSS滤镜的应用:invert
<DIV style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FILTER: progid:DXImageTransform.Microsoft.BasicImage(invert :1); PADDING-BOTTOM: 4px; WIDTH: 80%; COLOR: #ffffff; PADDING-TOP: 4px; HEIGHT: 80px; BACKGROUND-COLOR: #ffff66"><IMG src="http://yesir.blogdriver.com/yesir/pic/w.gif">
CSS滤镜的应用:invert</DIV>

CSS滤镜的应用:Rotation
<DIV style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FILTER: progid:DXImageTransform.Microsoft.BasicImage(Rotation :2); PADDING-BOTTOM: 4px; WIDTH: 80%; COLOR: #ffffff; PADDING-TOP: 4px; HEIGHT: 80px; BACKGROUND-COLOR: #000000"><IMG src="http://yesir.blogdriver.com/yesir/pic/w.gif">
CSS滤镜的应用:Rotation</DIV>

CSS滤镜的应用:basicimage
<DIV style="PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FILTER: progid:DXImageTransform.Microsoft.BasicImage(grayScale :
1,mirror :1,opacity :0.5,xray:1,invert:1,Rotation :2); PADDING-BOTTOM: 4px; WIDTH: 80%; COLOR: #ffffff; PADDING-TOP: 4px; HEIGHT: 80px; BACKGROUND-COLOR: #000000"><IMG src="http://yesir.blogdriver.com/yesir/pic/w.gif">
CSS滤镜的应用:basicimage</DIV>