Re: [問題] 請問這種圖片變換的CSS要如何製作呢?
※ 引述《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
11/21 23:28, 2F
→
11/21 23:29, , 3F
11/21 23:29, 3F
→
11/21 23:35, , 4F
11/21 23:35, 4F
→
11/21 23:36, , 5F
11/21 23:36, 5F
推
11/22 00:08, , 6F
11/22 00:08, 6F
→
11/22 00:11, , 7F
11/22 00:11, 7F
討論串 (同標題文章)
本文引述了以下文章的的內容:
完整討論串 (本文為第 2 之 2 篇):