css - Safari 中未加载背景图片

Question

很奇怪的问题。导航栏背景图像在除 Safari 之外的所有浏览器中都可以正常加载。

http://lapalomafunrun.com/

这是我使用的代码:

#navbar {
width: 100%;
height: 53px;
margin-top: -10px;
position:relative;
z-index:1;
background: url("http://lapalomafunrun.com/wp-content/themes/funrun/images/navbar.png") no-repeat scroll center top / 100% 63px transparent !important;
background: url("http://lapalomafunrun.com/wp-content/themes/funrun/images/navbar.png") no-repeat scroll center top transparent\9 !important;
}

Answer 1

CSS 3 背景速记 isn't supported在 Safari 6.02 中(我假设你正在使用它，因为它不工作)。您可以使用 CSS 2.1 background 简写语法，但需要将 background-size 属性移除到它自己的声明中:

#navbar {
    width: 100%;
    height: 53px;
    margin-top: -10px;
    position:relative;
    z-index:1;
    background: url("http://lapalomafunrun.com/wp-content/themes/funrun/images/navbar.png") no-repeat scroll center top transparent !important;
    background-size: 100% 63px;
}