Chrome Mac OSX 10.9.5 的背景问题

Question

我在 http://www.ucsmun.co.uk 有一个网站，它在 windows 机器上的 Chrome 上显示完美，但在 Mac 计算机上的 Chrome 上看起来像这样.

白色区域截去一半背景图片。

我该怎么做才能解决这个问题？我有这个 CSS 作为背景如下：

   html,
     body {
     height: 100%;
   }

并且：

    #headerwrap {
background: url(../img/back.jpg) no-repeat center center fixed;;
margin-top: 0px;
padding-top:120px;
text-align:center;
background-attachment: relative;
background-position: center center;
min-height: 700px;
width: 100%;

-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

在此先感谢您的帮助！

Answer 1

将以下规则添加到 #headerwrap div

height: 100%;

如果我在您的站点上打开 devtools 并将其放入，它就可以工作。见截图。 window.

底部没有空格

Chrome Mac OSX 10.9.5 的背景问题

Background Issue on Chrome Mac OSX 10.9.5

html

css

macos

google-chrome

background