[問題] 如何在MouseOver的時候,在圖層上面蓋一層半透明灰色的圖層

看板Web_Design作者時間14年前 (2011/08/02 15:21), 編輯推噓4(402)
留言6則, 6人參與, 最新討論串1/1
我有一群<img class="hoverme"> class 都叫hoverme 我希望 當滑鼠移上去的時候,在該圖上面蓋一層灰色半透明的 圖 請問靠js要怎麼辦到 謝謝回答 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 59.126.209.219

08/02 15:32, , 1F
畫一張灰色半透明的圖 hover的時候貼上去
08/02 15:32, 1F

08/02 16:39, , 2F
我就是想問怎麼貼上去阿
08/02 16:39, 2F

08/02 17:21, , 3F
把img改為背景 然後灰色的圖用opacity transition?
08/02 17:21, 3F

08/02 17:36, , 4F

08/02 21:29, , 5F
重疊一個DIV,背景黑色,然後用css的opacity屬性
08/02 21:29, 5F

08/03 14:54, , 6F
div(背景圖)+img(#000,opacity:0); img:hover{opacity:0.5;}
08/03 14:54, 6F
文章代碼(AID): #1EDwM40P (Web_Design)