0
(0)

为了使网页有更好的显示效果，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 许可协议（免费开源），相关介绍资料仅供学习参考，实际版本可能会因版本迭代或开发者调整而产生变化，如程序中涉及有第三方原创图像、设计模板、远程服务等内容，应获得作者授权后方可使用。本站不提供该程序/软件的产品授权与技术服务，亦不收取相关费用。