首頁 >web前端 >css教學 >實例詳解用CSS設定一個元素半透明

實例詳解用CSS設定一個元素半透明

小云云
小云云原創
2017-12-22 16:50:021432瀏覽

大家會使用CSS設定一個元素半透明嗎?本文主要介紹了用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設定圖片變灰色_html/css_WEB-ITnose

詳解CSS3的filter濾鏡屬性

詳解CSS3的filter濾鏡屬性

#

以上是實例詳解用CSS設定一個元素半透明的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn