html - 背景图像不可见 Css

Question

我添加了背景图片，但它在页面中不可见。

这是我尝试过的:

CSS:

div{


    background: url(http://patentimages.storage.googleapis.com/CN103289961A/CN103289961AD00172.png) no-repeat center center fixed;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        vertical-align: middle;
        background-position: center;
    }

Demo Link

Answer 1

这是因为div没有固定或定义的宽度和高度。

background: url(http://patentimages.storage.googleapis.com/CN103289961A/CN103289961AD00172.png) no-repeat center center fixed;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    vertical-align: middle;
    background-position: center;
    width: 500px;
    height: 500px;
}

工作 link