想要做到鼠标移到图片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,通常会比较好处理,再来就是排板问题了

推楼上

喔！了解了，谢谢！！！