[問題] 兩個重疊的超連結如何不互相干擾
想要做到滑鼠移到圖片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的時候整個A會閃動、也沒有辦法順利連結a2
把a2的z-index設高也是沒有辦法正常顯示
不知道有沒有人有解呢
謝謝
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.243.99.222
※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1419503678.A.840.html
推
12/25 21:02, , 1F
12/25 21:02, 1F
→
12/25 21:03, , 2F
12/25 21:03, 2F
→
12/25 21:04, , 3F
12/25 21:04, 3F
→
12/25 22:26, , 4F
12/25 22:26, 4F
推
12/26 00:12, , 5F
12/26 00:12, 5F
→
12/26 00:12, , 6F
12/26 00:12, 6F
→
12/26 00:15, , 7F
12/26 00:15, 7F
→
12/26 00:16, , 8F
12/26 00:16, 8F
→
12/26 00:16, , 9F
12/26 00:16, 9F
推
12/26 03:37, , 10F
12/26 03:37, 10F
推
12/26 11:10, , 11F
12/26 11:10, 11F
→
12/26 17:59, , 12F
12/26 17:59, 12F