用CSS設(shè)定一個(gè)元素半透明
發(fā)布時(shí)間:2016-12-13 10:09:01 作者:佚名
我要評(píng)論

這篇文章主要介紹了用CSS設(shè)定一個(gè)元素半透明的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧
.opacity{ filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* 老版Mozilla */ -khtml-opacity:0.5; /* 老版Safari */ opacity: 0.5; /* 支持opacity的瀏覽器*/}
用 來設(shè)定一個(gè)元素為半透明
.filter = "alpha(opacity=" + opacity + ")"; /* IE */ .MozOpacity = (opacity / 100); /* 老版Mozilla */ .KhtmlOpacity = (opacity / 100); /* 老版Safari */ .opacity = (opacity / 100); /* 支持opacity的瀏覽器*/
在Windows平臺(tái)上縮放圖片,可能出現(xiàn)圖像失真現(xiàn)象,可用IE的專有命令:
img{-ms-interpolation-mode: bicubic;}
以上所述是小編給大家介紹的用CSS設(shè)定一個(gè)元素半透明,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
css實(shí)現(xiàn)背景半透明文字不透明的效果示例
本篇文章主要介紹了css實(shí)現(xiàn)背景半透明文字不透明的效果示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-05-08純css實(shí)現(xiàn)背景圖片半透明內(nèi)容不透明的方法
這篇文章主要介紹了純css實(shí)現(xiàn)背景圖片半透明內(nèi)容不透明的方法,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-03-12- 這篇文章主要給大家介紹了利用CSS3制作簡(jiǎn)單的3d半透明立方體圖片展示的相關(guān)資料,文中給出了完整的示例代碼,對(duì)大家的理解和學(xué)習(xí)具有一定的參考價(jià)值,需要的朋友們下面來一2017-03-25
css3實(shí)現(xiàn)的半透明遮罩lightbox效果源碼
是一段實(shí)現(xiàn)了突出主圖片的半透明遮罩lightbox效果代碼,當(dāng)點(diǎn)擊一張圖片時(shí),這樣圖片會(huì)無刷新彈出放大顯示,而周圍的圖片會(huì)被半透明在原位遮罩起來,本段代碼適應(yīng)于所有網(wǎng)頁2015-10-22純CSS實(shí)現(xiàn)多級(jí)半透明效果菜單代碼
這篇文章主要為大家介紹了純CSS實(shí)現(xiàn)多級(jí)半透明效果菜單代碼,通過純css實(shí)現(xiàn)多級(jí)菜單效果,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-01純CSS實(shí)現(xiàn)鼠標(biāo)放上滑動(dòng)出半透明效果的文字說明(新手小白 必看)
這篇文章主要介紹了 純CSS實(shí)現(xiàn)鼠標(biāo)放上滑動(dòng)出半透明效果的文字說明(新手小白 必看),代碼簡(jiǎn)單易懂,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-02-17