javascript - 如何使背景图像在 html 中不可调整大小？

Question

body {
    background: url('../../asset/background.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

这是我的背景图片代码。我希望在调整浏览器大小时图像不能调整大小。

Answer 1

你不应该使用 background-size:cover;。使用该 CSS，您可以告诉浏览器您希望背景图像扩展以覆盖整个背景区域。

如果您希望背景图像居中而不调整大小，只需执行以下操作:

body {
    background: url('../../asset/background.jpg') no-repeat center center;
}

您可以任意放置背景，here are more options .