主页 > 程序开发 > JS特效 > css透明度代码 实例

css透明度代码 实例

更新时间:2015-04-09 22:12  来源:未知  作者:admin  查看评论
文章目录索引
文章简介
css透明度实例
css透明度实例代码说明

文章简介

在很多时候,除了用图片实现图片的透明度外,其实我们还可以直接用css来达到类似的透明效果,而且是兼容所有浏览器的css透明代码。

css透明度实例

  1. <style> 
  2. .opacity { 
  3.     width: 50px; 
  4.     height: 50px; 
  5.     background: #000 !important; /* IE无效,FF有效 */ 
  6.     filter: alpha(opacity=50); 
  7.     -moz-opacity: 0.5; 
  8.     -khtml-opacity: 0.5; 
  9.     opacity: 0.5; 
  10. </style> 
  11. <div class="opacity"></div> 

css透明度实例代码说明

opacity: 0.5,是目前主流浏览器的执行标准,也就是说多数浏览器都是识别的。

-moz-opacity:0.5,这只旧版本的Mozilla浏览器如Netscape Navigator的写法。

-khtml-opacity:0.5;这是旧版本的Safari方式。

上一篇:没有了
下一篇:css3 transition特效说明 css3 transition演示

有关css | css透明度 | 的文章推荐