Question

在PC上，我为网站背景设置的背景看起来很好 - 覆盖空间并固定在其位置上，以便为包装器提供一个＆＃34;悬停＆＃34;影响。但是，在平板电脑或手机上，如果包装器/内容流过页面，则背景略有不同并且已更改 - 未完全覆盖并固定到视口。

我如何打击这个？

html { 
      background: url(../images/wall2.jpg) no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      min-height:100%;
      min-width:100%;
    }
    body {
        margin:0px;
        overflow-y:scroll;
    }
    #wrapper {
        margin:75px auto;
        width:960px;
        background-image:url(../images/bg.png);
        background-repeat:repeat;
    }
    #content {
        color:#000;
        margin-top:0px;
        padding:50px;
    }

我尝试在包装器和内容中添加overflow：hidden，但这没有帮助。

这是一个jsfiddle：

http://jsfiddle.net/3C5jX/

Answer 1

尝试将高度和宽度设置为110％，同时尝试将背景添加为固定的html元素而不是css背景。

CSS背景封面已修复

1 个答案: