用CSS設(shè)定一個(gè)元素半透明

發(fā)布時(shí)間：2016-12-13 10:09:01 作者：佚名

這篇文章主要介紹了用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)站的支持！

Tag：css 半透明

相關(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半透明立方體圖片展示
這篇文章主要給大家介紹了利用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