Question

用于导航的背景图片在Firefox和Chrome中显示正常。但是Internet Explorer 7根本没有显示它。有问题的网站是www.vickieats.com

CSS：

.navbar-inner{
   background:url(images/bg-nav.png) repeat-x left #d0a86a;
   border-radius:12px;
}
.navbar .nav > li > a{
   color:#FFF;
   font-size:1.25em;
   font-weight:bold;
   padding:28px 35px;
   text-shadow:0 1px #000;
   text-transform:uppercase;
}
.navbar .nav > li > a:hover{
   color:#6E5632;
}

我确定这是傻事，所以请帮助，谢谢！

Answer 1

从.navbar-inner中删除过滤器，然后尝试。

Answer 2

我注意到你已经在你的css中给了一个位置试着给两个位置

.navbar-inner{
   background:url(images/bg-nav.png) repeat-x left top #d0a86a;
   border-radius:12px;
}

并且你也可以尝试这个css希望这会工作，如果你有任何问题让我知道

 .navbar-inner{
       background-image:url(images/bg-nav.png);
       background-color:#d0a86a;
       background-repeat:repeat-x;
       background-position:top left;
       border-radius:12px;
    }

背景png不在IE7中显示

2 个答案: