Question

我必须通过HTML页面的背景来修复全宽，但背景的高度不符合我的设计。我该如何解决？

CSS代码：

html {
    background: url(images/body_bg.jpg') no-repeat top left fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

Answer 1

您错过了'

中的url

background: url('images/body_bg.jpg') no-repeat top left fixed;

Demo

Answer 2

使用背景大小，如下面所用，

body {
  background-image: url(image1.jpg) no-repeat;
  background-size: 100%;
}

一些有用的链接：

Scale background image style

Stretch and Scale a CSS image Background - With CSS only

如何获得拉伸到全宽的背景？

2 个答案: