鼎商网 开启企业建站营销新时代、免费建站平台倡导者  站长学院
热线:400-000-2212
您现在的位置:首页 > 站长学院 > 建站资讯 > 经验

css 图片透明度设置教程

作者:科恒网络 日期:2016-02-24 12:02:07 人气:49

  

opacity设置透明度

在图片的属性中加上 opactiy

例子

 代码如下复制代码

img
{
opacity:0.4;
filter:alpha(opacity=40); /* 针对 IE8 以及更早的版本 */
}

其实只要这样就OK了,如果不针对IE甚至只要第一行,关键在于——啥,透明度的单词怎么拼,仅此而已。

但上面只能用ie浏览器,后来找到一个兼容性比较强的

 代码如下复制代码

{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 
0.5; opacity: 0.5;}


  opacity是最重要的,因为它是CSS透明的标准属性,取值范围在0-1之间,目前支持的浏览器有:Firefox、Chrome、Opera、Safari。(也就是说,除了IE,它支持所有主流浏览器);filter:alpha(opacity=50);是专门给IE设定的属性,取值的范围在0-100之间;-moz-opacity是为了兼容一些老版本的Mozilla浏览器,取值范围在0-1之间;-khtml-opacity是为了兼容一些老版本的Safari浏览器,取值范围在0-1之间。


回到顶部