0

Firefox 不会像 IE、Chrome 或 Safari 那样解释我的背景标题图像。这是为什么?

页面:http ://wlvrtn.com/sites/nms/page.php 它的外观:http ://cl.ly/OCbp

HTML:

<header class="banner banner-1">
   <h1>About Us</h1>
</header>

CSS:

.banner {
position: relative;
text-align: center;
overflow: hidden;
height: 229px;
padding-top:105px;
z-index: 0;
width: 100%;
margin: 0 auto;
background-color: #8ab2a9;
background-repeat: no-repeat;
background-position-x: center;
background-position-y: bottom; 
}

.banner-1 {
background-image: url(../images/banners/banner-01.jpg);
}
4

1 回答 1

3

添加

.banner-1 { background-position: center bottom;}

它应该工作。

于 2013-04-10T19:20:48.430 回答