想要做到滑鼠移到圖片a1時，在圖片右上方出現另一個小聯結a2
類似這個http://www.pinkoi.com/，裡面的圖片右上都會出現一個小愛心
<div class="A">
<div class="a1">
<a><img></a>
</div>
<div class="a2">
<a><img></a>
</div>
</div>
.A .a2{
position:absolute;
display:none;
}
.A .a1 a:hover + .a2{
display:block;
}
如果只用css，目前這樣做可以順利隱藏a2、和讓a2出現，
但是要去按a2的時候整個Ａ會閃動、也沒有辦法順利連結a2
把a2的z-index設高也是沒有辦法正常顯示
不知道有沒有人有解呢
謝謝

滑鼠移到 a2 上時就離開 a1 了，所以 a2 消失 => a2消失所以滑鼠在 a1 上了，a2出現 => ...或許可以把 a2 寫在 a1 裡試試~??

其實最一開始是把a2寫在a1裡的，但情況一樣..

你是想做成這樣?http://jsbin.com/gapuvamusa/2/edit?outputa tag裡面包a tag,browser判讀好像都會出問題,所以就分開來,圖片放在background,通常會比較好處理,再來就是排板問題了

推樓上

喔！瞭解了，謝謝！！！