[問題] 兩個重疊的超連結如何不互相干擾

看板Web_Design作者 (Tree)時間11年前 (2014/12/25 18:34), 編輯推噓4(408)
留言12則, 4人參與, 最新討論串1/1
想要做到滑鼠移到圖片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
滑鼠移到 a2 上時就離開 a1 了,所以 a2 消失 => a2消失所
12/25 21:02, 1F

12/25 21:03, , 2F
以滑鼠在 a1 上了,a2出現 => ...
12/25 21:03, 2F

12/25 21:04, , 3F
或許可以把 a2 寫在 a1 裡試試~??
12/25 21:04, 3F

12/25 22:26, , 4F
其實最一開始是把a2寫在a1裡的,但情況一樣..
12/25 22:26, 4F

12/26 00:12, , 5F
你是想做成這樣?
12/26 00:12, 5F


12/26 00:15, , 7F
a tag裡面包a tag,browser判讀好像都會出問題,所以就
12/26 00:15, 7F

12/26 00:16, , 8F
分開來,圖片放在background,通常會比較好處理,再來就
12/26 00:16, 8F

12/26 00:16, , 9F
是排板問題了
12/26 00:16, 9F


12/26 11:10, , 11F
推樓上
12/26 11:10, 11F

12/26 17:59, , 12F
喔!瞭解了,謝謝!!!
12/26 17:59, 12F
文章代碼(AID): #1Kc-W-X0 (Web_Design)