Question

css a:hover伪类代码使用问题

我在网上找到了一个css a:hover伪类代码实现了我要的鼠标滑过小图出现大图的效果，但是小图一直在左上角无法移动，请问我想修改小图位置该改写哪个属性？

<style type="text/css">
.a .a1 a{position:relative;width:120px;height:87px;display:block;}
.a .a1 a s{display:none;}
.a .a1 a:hover s{display:block;position:absolute;width:500px;height:362px;left:121px;top:0;}
</style>
<div class="a">
<div class="a1">
<a href="#">
<img src="2.jpg" />

<s><img src="1.jpg" /></s>

</a>
</div>
</div>

Answer 1

position:absolute;

left:121px;
top:0;

这三个是绝对定位 如果不想定位
可以去掉