2013-05-17 2 views
0

다음은 배경 색상은 IE7에서 작동하지 않는 것은

.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위한 시도를 준 CSS 클래스 내 HTML 코드 아래

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

입니다 개발자 도구에서 볼 수있는 것처럼 attrtibute 자체가 사용되지 않습니다.

DeveloperTool Tab

+0

IE-7을 당신이 할 수있는 일

는 선언에 색상을 추가입니까? ? _Really? _ –

+0

@Dhaval : 왜 안 되니? 많은 사람들 (불행히도, 나는 인정한다)은 여전히 ​​그것을 사용한다. –

+0

나중에 .. 왜 된거야? –

답변

1

여기 문제가 해키 생각 :

그것은 당신의 background-color 속성 ("현재 스타일"목록에서 background-image 속성으로가는)를 오버라이드 (override) 할 것으로 보인다
!background: url(../../../static-files/images/common/nav-divider.gif) no-repeat right; 

- 다른 곳에서 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;