我解释我的问题的最好方法基本上就是给你这个链接:
http://www.tarmac.co.uk/default.aspx?landing=false
在这个网页上有一些 Javascript 幻灯片放映。图像被塞进盒子里，但它们没有调整大小，只是重叠。悬停时，图像会恢复到原始大小，然后缩小。
我想知道这怎么可能？
我认为整个“position:relative”是错误的，但我不确定这是否是前进的方向。
所以我尝试做到这一点，我使用“float: left”和“display: inline”来排列图像，但随后它们会覆盖。
我也尝试过“width: auto”，但我觉得...我只是看不出该怎么做？
如果有人可以链接到教程会更好，但我找不到任何教程!
干杯，
亚历克斯
最佳答案
在页面上，您提供的图片刚好位于 li 中，li 的 width 属性在悬停时发生变化。
所以我认为，您必须将图像放入某个容器并修改容器的宽度。
试试这个 fiddle :http://jsfiddle.net/L3sCC/
关于javascript - 在不调整大小的情况下减小图像宽度(例如动态裁剪图像)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6595037/