html - 背景图像不渲染图像

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;
    }