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

周红川

分享独立站建站、搜索引擎优化,独立站推广相关实操经验和心得,如果你在跨境业务中遇到问题,欢迎加我微信沟通交流!

微信号:512765456

1条评论

发布回复

请输入您的评论!
请在这里输入您的名字