给根部div设置背景图，顶部留有一大段空白，请求怎么解决？

Question

.deck-root {
    box-sizing: border-box;
    background: url(../images/bg_card.png) repeat-y;
    /*background-size: 100% 62.5rem;*/
    background-size: 100% 50px;
    height: 100%;
}

body, html {
    height: 100%;
}

这个网页的网址

用手机打开就是图中的效果

Answer 1

因为你的deck-root这个div的高度其实已经超过了100%，而你却设置高度100%，超出部分当然不会被background渲染。你把height: 100%;改成min-height: 100%;应该就可以了。这样即使高度不够一屏也会充满屏幕。

Answer 2

.deck-root {
    box-sizing: border-box;
    background: url(../images/bg_card.png);
    background-size: 100% 100%;
}

试试。

你确定？