2011-02-18 86 views
5

工作,我有以下CSS类中定义:CSS多背景不能在IE8

.box .login { 
    border: 0; 
    float: right; 
    clear: both; 
    height: 48px; 
    background: url(../images/submitr.gif) no-repeat right; 
    line-height: 20px; 
    padding: 12px 42px 16px 23px; 
    margin: 8px 22px; 
    color: #FFF; 
    font-weight: bold; 
} 

的多个背景使用的是Chrome,火狐,歌剧,Safari和IE9完美的工作。但是,他们没有在IE8上工作。有谁知道这是为什么?

(如果我只有一个背景,它在IE8的工作。这是当我开始介绍它开始转出与其他背景。)

感谢您的帮助!我真的很感激它:)

+0

你这是什么意味着多重背景?你是在谈论一个基于sprite的方法,或者实际上试图将2个背景分配给一个元素。 – Loktar 2011-02-18 18:52:11

+11

我在现有的CSS中看不到任何多个背景。 – BoltClock 2011-02-18 18:54:44

+1

它不会回答你的问题,但也许有人可能会对polyfill感兴趣:http://css3pie.com/ – franzlorenzon 2013-02-20 11:23:52

回答

9

多背景是一个CSS3规范。 IE8不了解CSS3,和IE9对此事不了解全部。为了让它在旧版浏览器中运行,您必须将这些图片合并为一个,或者覆盖多个元素以使它们全部显示在另一个之上。 z-index:是你的朋友:-)

2

Internet Explorer 8不支持CSS 3多种背景。