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

设定半透明的元素

php中世界最好的语言
php中世界最好的语言原创
2018-03-22 14:11:041428浏览

这次给大家带来设定半透明的元素,设定半透明元素的注意事项有哪些,下面就是实战案例,一起来看一下。

.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;}

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

html+css中的四种隐藏方式

linear-gradient的使用详解

css样式中的border-image使用详解

以上是设定半透明的元素的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn