作者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/cn.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