Rumah > hujung hadapan web > tutorial css > 实例详解用CSS设定一个元素半透明

实例详解用CSS设定一个元素半透明

小云云
Lepaskan: 2017-12-22 16:50:02
asal
1449 orang telah melayarinya

大家会使用CSS设定一个元素半透明吗?本文主要介绍了用CSS设定一个元素半透明的相关资料,非常不错,具有参考借鉴价值,需要的朋友参考下吧,希望能帮助到大家。


.opacity{  filter:alpha(opacity=50);       
/* IE */  -moz-opacity:0.5;              
/* 老版Mozilla */  -khtml-opacity:0.5;              
/* 老版Safari */  opacity: 0.5;           
/* 支持opacity的浏览器*/}
Salin selepas log masuk

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


.filter = "alpha(opacity=" + opacity + ")";    
/* IE */ .MozOpacity = (opacity / 100);                 
/* 老版Mozilla */ .KhtmlOpacity = (opacity / 100);               
/* 老版Safari */ .opacity = (opacity / 100);                    
/* 支持opacity的浏览器*/
Salin selepas log masuk

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


img{-ms-interpolation-mode: bicubic;}
Salin selepas log masuk

大家学会了吗?赶紧动手尝试一下吧。

相关推荐:

CSS设定图片变灰色_html/css_WEB-ITnose

详解CSS3的filter滤镜属性

详解CSS3的filter滤镜属性

Atas ialah kandungan terperinci 实例详解用CSS设定一个元素半透明. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan