我解释问题的最好方法是基本上只给你这个链接:
http://www.tarmac.co.uk/default.aspx?landing=false
在这个网页上有一些带有扭曲的Javascript幻灯片。图像被塞进盒子中,但它们没有调整大小,只是重叠。在悬停时,图像会恢复原始大小,然后缩小。
我想知道这是怎么回事?
我想到了整个“位置:相对”malarky,但我不确定这是否是前进的方向。
所以我尝试制作它,我使用“float:left”和“display:inline”将图像排成一行,但随后它们会翻转。
我也试过“宽度:自动”,但我觉得......我只是看不出怎么做?
如果有人可以链接到更好的教程,但我找不到任何教程!
干杯,
亚历
答案 0 :(得分:2)
在页面上,您提供的图片只是位于li
,width
属性li
属性在悬停时发生了变化。
所以我认为,你必须将图像放入某个容器并修改容器的宽度。
试试这个小提琴:http://jsfiddle.net/L3sCC/