Css 滑块背景不'；在IE8中无法正确显示

我的滑块背景显示在Chrome、Firefox和大多数IE版本中，但不在IE8中。它的背景与页面的其余部分保持相同的颜色

。站点滑块{
宽度：100%；
背景：url（images/alexandria/header_overlay.png）无重复中心顶部，
网址（images/alexandria/header_bg.jpg）；
}

如果我将

background

更改为

background image

，则每个浏览器显示的内容都与IE8相同

您可以通过添加一个包装器元素并将一个背景应用于父级，一个应用于子级来解决这个问题

.site滑块包装器{
背景图片：url（images/alexandria/header_bg.jpg）；
}
.站点滑块{
背景：url（images/alexandria/header_overlay.png）无重复中心顶部；
}

将属性名称更改为

background image

会破坏每个浏览器中的CSS，原因是第一个背景设置

background repeat

和

background position

属性（

no repeat center top

），它们作为

背景图像的一部分无效。
（整个
background
的要点就是要简化
background-*
属性。）
您使用的是CSS3“多背景”功能，这在IE8中不受支持。请参阅其对

请阅读并找到标题中的“多重背景”。在这里，您将找到一种方法，使此属性在IE8上也能正常工作

其次，
background
是一个速记属性，您可以在其中组合/定义以下属性的值：


背景色
背景图像
背景重复
背景附件
背景位置

例如：
background:#00ff00url（“smiley.gif”）无重复固定中心

另一方面，如果使用上面列表中的任何属性，它将只接受特定于它们的值。如果您尝试将任何其他属性值与它们组合，则它们将不起作用。出于同样的原因，您的
背景图像
属性无法工作。您只能将图像的
url
定义为
背景图像的值

例如：
背景图像：url（“paper.gif”）
添加此行

src /*\**/: url('skins/fonts/titillium/TitilliumText22L003-webfont')\9

似乎已经解决了