ie渐变滤镜和半透明滤镜

之前讨论了css3渐变属性,但在ie9(ie10支持css3渐变)以下的ie浏览器不知css规范中的渐变,但是ie自己私有的渐变滤镜也可以实现渐变,其语法为:

filter: progid:DXImageTransform.Microsoft.gradient(enabled=bEnabled,gradientType=num,startcolorstr=ARGB,endcolorstr=ARGB);

  • enabled :设置滤镜是否激活,布尔值,有true和falsh,默认值为true,表示激活。
  • gradientType:设置渐变的类型,1代表横向,0代表横向。
  • startcolorstr:可选值,定义渐变起始颜色和透明度,其格式为十六进制的ARGB,A代表透明度(00为完全透明)。默认值为#FF0000FF(不透明蓝色)。
  • endcolorstr:设置渐变结束的颜色和透明度,默认为#FF000000(不透明黑色)。

实例代码:

filter: progid:DXImageTransform.Microsoft.gradient(enabled=true,gradientType=1,startcolorstr=#AA8C0095,endcolorstr=#00008299); filter: progid:DXImageTransform.Microsoft.gradient(enabled=true,gradientType=0,startcolorstr=#AA8C0095,endcolorstr=#00008299); filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1);

[![ie渐变滤镜](http://hicdn.qiniudn.com/wp-content/uploads/2012/12/ie-gradient-filter1.jpg "ie-gradient-filter")](http://hicdn.qiniudn.com/wp-content/uploads/2012/12/ie-gradient-filter1.jpg)ie渐变滤镜
ie滤镜中常用还有透明度滤镜,ie的透明度滤镜比较强大([详情](http://msdn.microsoft.com/en-us/library/ms532967%28VS.85%29.aspx)),但用的比较多的还是半透明的滤镜。 例如: background-color:#8C0095; filter:alpha(opacity=50);

[![ie半透明滤镜](http://hicdn.qiniudn.com/wp-content/uploads/2012/12/ie-opacity-filter.jpg "ie-opacity-filter")](http://hicdn.qiniudn.com/wp-content/uploads/2012/12/ie-opacity-filter.jpg)ie半透明滤镜
————————每篇一一图—————————
[![casual 4am walks](http://hicdn.qiniudn.com/wp-content/uploads/2012/12/casual-4am-walks-636x310.jpg "casual 4am walks")](http://hicdn.qiniudn.com/wp-content/uploads/2012/12/casual-4am-walks.jpg)casual 4am walks

xiaodao

0

Subscribe to cc log

Get the latest posts delivered right to your inbox.

or subscribe via RSS with Feedly!
comments powered by Disqus