作者icetreen (Tree)
看板Web_Design
標題[問題] 兩個重疊的超連結如何不互相干擾
時間Thu Dec 25 18:34:35 2014
想要做到滑鼠移到圖片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設高也是沒有辦法正常顯示
不知道有沒有人有解呢
謝謝
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.243.99.222
※ 文章網址: http://webptt.com/m.aspx?n=bbs/Web_Design/M.1419503678.A.840.html
1F：推 lin009: 滑鼠移到 a2 上時就離開 a1 了，所以 a2 消失 => a2消失所 12/25 21:02
2F：→ lin009: 以滑鼠在 a1 上了，a2出現 => ... 12/25 21:03
3F：→ lin009: 或許可以把 a2 寫在 a1 裡試試~?? 12/25 21:04
4F：→ icetreen: 其實最一開始是把a2寫在a1裡的，但情況一樣.. 12/25 22:26
5F：推 iamnodoubt: 你是想做成這樣? 12/26 00:12
7F：→ iamnodoubt: a tag裡面包a tag,browser判讀好像都會出問題,所以就 12/26 00:15
8F：→ iamnodoubt: 分開來,圖片放在background,通常會比較好處理,再來就 12/26 00:16
9F：→ iamnodoubt: 是排板問題了 12/26 00:16
11F：推 GoalBased: 推樓上 12/26 11:10
12F：→ icetreen: 喔！瞭解了，謝謝！！！ 12/26 17:59