大家會使用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
#以上是實例詳解用CSS設定一個元素半透明的詳細內容。更多資訊請關注PHP中文網其他相關文章!