Chrome Mac OSX 10.9.5上的背景问题

时间:2015-02-22 12:14:57

标签: html css macos google-chrome background

我在http://www.ucsmun.co.uk有一个网站,可以在Windows机器上的Chrome上完美显示,但在Mac计算机上的Chrome浏览器上看起来就像这样。

Image here

白色区域会切断背景图像的一半。

我该怎么做才能解决这个问题?我有这个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;
}

提前感谢您的帮助!

1 个答案:

答案 0 :(得分:1)

将以下规则添加到#headerwrap div



height: 100%;




如果我在您的网站上打开devtools并将其放入,则可行。见截图。窗口底部没有空格。

Example