为了使网页有更好的显示效果,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

声明:本站分享的WordPress主题/插件均遵循 GPLv2 许可协议(免费开源),相关介绍资料仅供学习参考,实际版本可能会因版本迭代或开发者调整而产生变化,如程序中涉及有第三方原创图像、设计模板、远程服务等内容,应获得作者授权后方可使用。本站不提供该程序/软件的产品授权与技术服务,亦不收取相关费用。