背景顏色不是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工作

回答

相關問題