为了使网页有更好的显示效果,CSS里面有一个透明属性,可以使透明的文字或图片有种柔美的感觉,下面演示下这个属性的使用方法。
先发一段兼容主流浏览器的CSS代码:
- .transparent {
- filter:alpha(opacity=50);
- -moz-opacity:0.5;
- -khtml-opacity: 0.5;
- opacity: 0.5;
- }
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应用演示:
很不错,谢谢分享!