2013-01-02 118 views
1

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

的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; 
} 

我敢肯定,这是愚蠢的东西,所以请大家帮帮忙,谢谢!

回答

2

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

+0

如果你需要它设置,然后想要删除它(适用于悬停效果等),请检查http://stackoverflow.com/questions/4036963/in-ie-how-do-i-remove -a过滤器 – DACrosby

0

我注意到,你已经给你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; 
    }