CSS Multibackground

Question

여러 개의 backround 이미지를 사용하고 있는데 하나의 div를 사용하지만 IE8에서는 작동하지 않습니다. 여기 내 CSS 코드 :이 문제에 대한 해결책이

.description-page #main-navigation ul{ 
    text-align:left; 
    width: 451px;background:url(../images/menu-desing.png) no-repeat center 26px , 
          url(../images/top-bar1.png) no-repeat center 0px ; 
    height: 86px; z-index:100;padding-top: 9px; 
} 

인가?

Answer 1

당신이 달성하기 위해 CSS3pie를 사용할 수있는이 - http://css3pie.com/documentation/supported-css3-features/#pie-background

Answer 2

당신이 뭔가를 할 수있는 IE8을 위해 또한 2 개 배경을 달성하기 위해 다음 당신은, 우리가 가진 두 번째를 만들 것입니다 DOM에 하나 개의 요소가 필요합니다 IE8 (IE7 아님)에서 이미 작동하는 의사 요소의 도움.

.description-page #main-navigation ul { 
    text-align:left; 
    width: 451px; 
    background:url(../images/menu-desing.png) no-repeat center 26px; 
    height: 86px; 
    padding-top: 9px; 

    position: relative; 
    z-index: 1; 
} 

/* Generate a new element with the second background, positioned on the same place like the original ul */ 
.description-page #main-navigation ul:before { 
    background: url(../images/top-bar1.png) no-repeat center 0px; 
    content: ""; 
    height: 86px; 
    left: 0; 
    position: absolute; 
    top: 0; 
    width: 451px; 

    z-index: -1; 
}