Re: [問題] 請問這種圖片變換的CSS要如何製作呢?

看板Web_Design作者 (投①號,逆轉勝)時間17年前 (2008/11/21 21:08), 編輯推噓3(304)
留言7則, 2人參與, 最新討論串2/2 (看更多)
※ 引述《secred (secred)》之銘言: : http://www.liki.idv.tw/links.html : 聽說是用透明圖做的,但我不懂是什麼意思, : 請懂得大大教教我,謝謝。 他用的碼在這邊 我把不必要的砍掉了 .linkshow span{ visibility: hidden; } .linkshow:hover span{ visibility: visible; } span是包圍連結圖用的標籤 .linkshow是加在連結上面 大概結構如下 <a href="" class="linkshow">連結 <span><img 要隱藏的圖片/><span></a> 這時平常span包圍下的img會隱藏起來 當滑鼠移到連結上面時 變成:hover的狀態 圖就顯示出來了 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 220.137.200.207

11/21 21:30, , 1F
感謝這位大大,謝謝。
11/21 21:30, 1F

11/21 23:28, , 2F
又遇到問題了…隱藏圖像的區域受到A標籤的影響
11/21 23:28, 2F

11/21 23:29, , 3F
現在滑入圖像的隱藏區域就會顯示出圖像,如何分開呢?
11/21 23:29, 3F

11/21 23:35, , 4F
改成用display:none看看
11/21 23:35, 4F

11/21 23:36, , 5F
還有position這個語法可以用
11/21 23:36, 5F

11/22 00:08, , 6F
我改用display:none結果滑入時沒有圖像。
11/22 00:08, 6F

11/22 00:11, , 7F
把你改過的碼貼上來看看吧.
11/22 00:11, 7F
文章代碼(AID): #199hBF6a (Web_Design)
文章代碼(AID): #199hBF6a (Web_Design)