首页 HTML/CSS CSS透明属性应用

CSS透明属性应用

作者:

修改日期:

为了使网页有更好的显示效果,CSS里面有一个透明属性,可以使透明的文字或图片有种柔美的感觉,下面演示下这个属性的使用方法。
先发一段兼容主流浏览器的CSS代码:

  1. .transparent {   
  2.     filter:alpha(opacity=50);   
  3.     -moz-opacity:0.5;   
  4.     -khtml-opacity: 0.5;   
  5.     opacity: 0.5;   
  6. }  

CSS属性拆解:

  • opacity: 0.5; 这是最重要的,因为它是CSS标准.该属性支持firefox, Safari和 Opera.
  • filter:alpha(opacity=50); 这个是为IE6设的,可取值在0-100,其它三个0到1.
  • -moz-opacity:0.5; 这个是为了支持一些老版本的Mozilla浏览器。
  • -khtml-opacity: 0.5; 这个为了支持一些老版本的Safari浏览器。

CSS应用演示:

wordpress