背景颜色不是IE7工作

下面是我的HTML代码背景颜色不是IE7工作

<UL> 
    <LI> 
    <LI> 
    .. 
    <LI> 
    <a class="upload_menu" href="someLink" ><span>Your Recipes</span></a> 
    </LI> 
    <LI> 
</UL>

下面是CSS类

.ie7 #navigation .upload_menu { 
    background-color: #bb3f3f; 
    color: #FFF; 
    float: left; 
    font-size: 12px; 
    font-weight: bold; 
     padding: 9px 4px 10px 6px; 
    text-decoration: none; 
     !background: url(../../../static-files/images/common/nav-divider.gif) no-repeat right; 
     border-right: 1px solid #BCDAEE; 

} 


.ie7 #navigation .upload_menu:hover { 
background-color: #bb3f3f; 
}

也给了下面的CSS

*:first-child +html #navigation .upload_menu { 
    background-color: #bb3f3f; 
    color: #FFF; 
    float: left; 
    font-size: 12px; 
    font-weight: bold; 
     padding: 9px 4px 10px 6px; 
    text-decoration: none; 
     !background: url(../../../static-files/images/common/nav-divider.gif) no-repeat right; 
     border-right: 1px solid #BCDAEE; 

} 

*:first-child +html #navigation .upload_menu:hover { 
background-color: #bb3f3f; 
}

但background-color一试Attrtibute本身并没有被视为可以在Developer工具中看到。

DeveloperTool Tab

来源

2013-05-17 Vikas V

IE-7？？ _真的吗？_ –

@Dhaval：为什么不呢？很多人（不幸的是，我承认）仍然在使用它。 –

你..为什么发生了什么？ –

我觉得这里的问题是哈克：

!background: url(../../../static-files/images/common/nav-divider.gif) no-repeat right;

这似乎是压倒一切的background-color属性（由background-image属性，在“当前样式”列表吧） - 除非你在别处给它一个background-image - 如果这样的话代码没有被提供。

你能做什么颜色添加到声明：

!background:#bb3f3f url(../../../static-files/images/common/nav-divider.gif) no-repeat right;

或可替代的背景部分分离出一点点，以防止它重写background-color属性：

!background-image:url(../../../static-files/images/common/nav-divider.gif); 
!background-repeat:no-repeat; 
!background-position-x:right;

来源

2013-05-17 13:03:26

背景颜色不是IE7工作

回答

相关问题