Question

我想在页脚中添加背景图片。我从互联网上选择了两张与我的情况非常接近的图片。但是，它并没有覆盖所有内容，并且我想要摆脱边界中的一条线（灰色的）。这是jsFiddle。

这是我尝试过的解决方案，但没有改变：

.ui-footer {
    background: #000;
    background-image: url("http://powered.gr/neosite/images/demo/slide-1.png");
    background-size: 105% 105%;
}

Answer 1

检查一下 Fiddle

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

适用于：

Safari 3 +

Chrome无论如何+

IE 9 +

Opera 10+（Opera 9.5支持背景大小但不支持关键字）

Firefox 3.6+（Firefox 4支持非供应商前缀版本）

礼貌：CSS Tricks

Answer 2

尝试将style元素附加到body设置#footer background-color，将border-color添加到transparent，设置.ui.page {{1 }}

background-repeat: no-repeat;

jsfiddle http://jsfiddle.net/h7gxpqn0/37/

背景图像不合适

2 个答案: