首頁  >  文章  >  web前端  >  CSS設定一個元素半透明

CSS設定一個元素半透明

高洛峰
高洛峰原創
2017-03-20 10:45:531793瀏覽

這篇文章主要介紹了用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不透明度完整程式碼

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