裁剪背景图像，然后调整大小以适应特定尺寸 CSS/HTML

Posted 2023-03-06

【中文标题】裁剪背景图像，然后调整大小以适应特定尺寸 CSS/HTML

【英文标题】：Crop background image then resize to fit specific dimensions CSS/HTML

【发布时间】：2018-06-27 03:59:34

【问题描述】：

我已经解决这个问题几个小时了，但还没有找到可行的解决方案。我有一个尺寸（1060px x 650px）的图像的 url，这个图像需要是一个元素的背景图像。但是我需要从右侧、底部和左侧裁剪 200px。然后我需要调整此图像的大小以适应原始的 1060 像素 x 650 像素大小。两者都有

Background-alignment: fixed;
Background-repeat: no-repeat;

必须同时使用，并且如果调整屏幕大小，则不应调整背景图像大小。任何帮助、指导或参考将不胜感激。

【参考方案1】：

您可以在 css 中使用 background-size 属性。

【讨论】：

如果有人投反对票，请说明原因。