0

我正在使用多个背景图像宽度为一个 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;
}

这个问题有什么解决办法吗？

4

2 回答 2

1

您可以使用 CSS3pie 来实现这一点 - http://css3pie.com/documentation/supported-css3-features/#pie-background

于 2013-02-12T14:58:09.227 回答
0

您可以执行以下操作来为 IE8 实现两个背景：您只需要 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;
}
于 2013-02-12T15:07:59.930 回答