欢迎来到鼎商网建站平台,全网营销云系统加盟中心!

海量企业网站模板 · 任您选择

美出特色,精出品质,一切为了企业更好的营销

隐藏侧栏
Beta
转载

css 图片透明度设置教程

       经验     2016-02-24     科恒网络     56     0    

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之间。


--结束END--

本文链接: http://moban.maoyi365.com/station/experience/2019.html (转载时请注明来源链接)

 
本文标签: 全部

下班PC阅读不方便?

手机也可以随时学习开发

微信关注公众号“鼎商网”
"鼎商网平台前端开发教学"
每日干货技术分享
 

×

成为 鼎商网平台 代理商!

关注

微信
关注

微信扫一扫
获取最新优惠信息

鼎商网平台公众号

客服

联系
客服

很高兴为您服务
尊敬的用户,欢迎您咨询,我们为新用户准备了优惠好礼。 咨询客服

联系客服:

在线QQ: 11482339

客服电话: 400-000-2212

售前咨询 售后服务
在线交谈 智能钉钉

工作时间:

周一至周日: 09:00 - 21:00

WAP

手机
访问

移动端访问
手机上也能选模板

鼎商网平台手机端