css鼠標經(jīng)過圖片，圖片變色變暗透明

.div1,.div2{ width:500px; margin:20px auto}?
.div1 a:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8}?
.div2 a:hover img{filter:alpha(Opacity=70);-moz-opacity:0.7;opacity: 0.7}?

這里設(shè)置了對DIV對象盒子里的超鏈接內(nèi)圖片設(shè)置hover偽類半透明效果。

2、HTML代碼

css 鼠標經(jīng)過圖片，圖片變色變暗透明
?
?

代碼注釋：

filter 設(shè)置平臺IE半透明效果樣式，值1-100，值越小越透明，設(shè)置IE8以前的透明使用

opacity 設(shè)置IE半透明效果樣式，值0.1-1，值越小越透明，設(shè)置IE8以后版本的透明使用

-moz-opacity 對非IE瀏覽器設(shè)置，比如火狐，語法與IE相同。

完整實例：

 
 
 
 

 
 
css 鼠標經(jīng)過圖片，圖片變色變暗透明
?
?

 

在線運行

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com