html - 自动调整 BG 大小和黑色底栏

Question

我正在尝试想办法同时拥有两者，但我不知道该怎么做。

我在页面底部修复了一个黑条，使用:

body {
    background-image:url(../images/bottom_black.gif);
    background-repeat: repeat-x;
    background-position: 0px 800px;
}

工作正常，但我也想要一个径向渐变背景，所以我制作了一个并放置了这段代码以使其针对不同的分辨率自动调整大小:

html {
    background:url(../images/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

他们每个人都可以很好地独立工作，但不能一起工作。我知道它们都是背景图像，这就是为什么，但必须有一些解决方法。请帮忙!

测试链接如下:

Re-Size BG

Black Bottom

Answer 1

你可以试试这个

html {
    background:url(../images/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -o-background-size: 100% auto;
    background-size: 100% auto;
}