Question

我试图将我的页面设置为背景图像，但它似乎没有像我预期的那样工作。这是代码：

body 
{
    background-image: url("sf.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    font-family: "Kozuka Gothic Pro", Avenir, sans-serif;
}

我想知道这里出了什么问题。提前致谢。注意：图像与我正在运行的文件位于同一文件夹中。

Answer 1

Demo

您的代码只需稍作更改。

body {
        background: url("http://i.stack.imgur.com/DUYP4.jpg?s=128&g=1");
        background-repeat: no-repeat;
        background-size: 100%;
        font-family: "Kozuka Gothic Pro", Avenir, sans-serif;
    }

Answer 2

Coz背景大小不能是100它可以覆盖或包含，并使用背景而不是背景图像和所有，使用背景大小：覆盖它将工作

body {

background：url（你的图片路径）;

背景尺寸：盖;

宽度：100％;

//和其他必要的代码 }

Answer 3

看起来你有双标签缩进将它全部带回标签。

Answer 4

将图像权限更改为777，图像将正确显示。

背景图像不渲染图像

4 个答案: