【发布时间】：2013-07-11 23:31:40
【问题描述】：
我有一个块内的图像。图像占用我屏幕宽度的100%。父块的高度为500px，屏幕宽度为100%。我已将 overflow: hidden 设置为父块，因此我只能查看图像的前 500px 高度。
现在，我的问题是，当我调整浏览器窗口的大小时，我需要将图像完全缩放为背景。由于性能问题（回流等），我无法使用背景图像。
我做了这个fiddle。如何使第二张图像与第一张图像的反应相同？请注意，在我的情况下，图像具有随机分辨率。
感谢您的帮助！ 如果解决方案需要在 JS/jQuery 中也可以。
【问题讨论】：
-
你好@RoryPickering！感谢您的回答，但是如果您缩小窗口大小，您会看到红色，并且第一个块有另一个反应。
-
我不完全理解这个问题，为什么你的原始 jsfiddle 不够好？带有背景图像：封面？为什么必须使用 img 标签？
-
@RoryPicko92 这是因为在使用某些动画时
background-imageVSimg的性能较差。更多信息请查看stackoverflow.com/questions/17477064/…。
标签： jquery css performance background