如何使背景图像不能在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。

Answer 2

尝试设置背景尺寸：

background-size: 100px 100px;

Answer 3

将background-size设置为cover会占用div的空间。请参阅this。

删除background-size属性，它可以正常工作。