首页 > web前端 > css教程 > CSS设定一个元素半透明

CSS设定一个元素半透明

高洛峰
发布: 2017-03-20 10:45:53
原创
1867 人浏览过

这篇文章主要介绍了用CSS设定一个元素半透明的相关资料,非常不错,具有参考借鉴价值,需要的朋友参考下吧

.opacity{  filter:alpha(opacity=50);       
/* IE */  -moz-opacity:0.5;              
/* 老版Mozilla */  -khtml-opacity:0.5;              
/* 老版Safari */  opacity: 0.5;           
/* 支持opacity的浏览器*/}
登录后复制

用 来设定一个元素为半透明

.filter = "alpha(opacity=" + opacity + ")";    
/* IE */ .MozOpacity = (opacity / 100);                 
/* 老版Mozilla */ .KhtmlOpacity = (opacity / 100);               
/* 老版Safari */ .opacity = (opacity / 100);                    
/* 支持opacity的浏览器*/
登录后复制

在Windows平台上缩放图片,可能出现图像失真现象,可用IE的专有命令:

img{-ms-interpolation-mode: bicubic;}
登录后复制

以上所述是小编给大家介绍的用CSS设定一个元素半透明,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对PHP中文网的支持!

更多CSS设定一个元素半透明相关文章请关注PHP中文网!

相关文章:

CSS3教程(8):CSS3透明度指南

CSS3中使用RGBa来调节透明度的示例说明

实现CSS3不透明度完整代码

相关标签:
css
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板