首頁 > web前端 > css教學 > 主體

CSS設定一個元素半透明

高洛峰
發布: 2017-03-20 10:45:53
原創
1845 人瀏覽過

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

#
相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板