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

[fotofolio (投①號，逆轉勝)]

※ 引述《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
推 secred:感謝這位大大，謝謝。
推 secred:又遇到問題了…隱藏圖像的區域受到A標籤的影響
→ secred:現在滑入圖像的隱藏區域就會顯示出圖像，如何分開呢？
→ fotofolio:改成用display:none看看
→ fotofolio:還有position這個語法可以用
推 secred:我改用display:none結果滑入時沒有圖像。
→ fotofolio:把你改過的碼貼上來看看吧.