Rumah >hujung hadapan web >tutorial css >设定半透明的元素

设定半透明的元素

php中世界最好的语言
php中世界最好的语言asal
2018-03-22 14:11:041446semak imbas

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

.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使用详解

Atas ialah kandungan terperinci 设定半透明的元素. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:css3视觉特效的实现Artikel seterusnya:CSS3的浏览器兼容问题