2011-02-18 46 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多種背景。