2011-03-15 44 views
0

工作我使用http://www.chicowebdesign.com/blog/2010/10/21/updated-jquery-multiple-background-plug-in/jQuery的多背景腳本不在IE

至於他們的狀態,但在IE瀏覽器的多個背景不工作,任何想法,建議?

http://jsfiddle.net/6JtNr/(只是CSS即時通訊使用)

我包括jQuery的,包括他們的腳本jQuery是加載之後..

想法?

+0

你用的是什麼jQuery版本?這個插件有一個已知的isssue:jQuery 1.4.3會在Internet Explorer 6和7中導致佈局錯誤,而不是1.4.2。請再次檢查所有已知問題。 – YNhat 2011-03-15 03:09:30

+0

嘗試使用1.4.1,1.4.2,同樣的問題,嘗試使用最新版本,無論使用什麼版本的jQuery,都會出現同樣的問題。 – Braunson 2011-03-15 04:24:03

回答

1

從我的理解,閱讀網頁上的說明,你需要你的CSS更改爲:

 
.container { 
    /* For unsupported browsers / background: url('../images/backgrounds/fifteen.jpg') no-repeat 13440px 0; / For CSS3 Supported Browsers */ 
    background: url('../images/backgrounds/one.jpg') no-repeat top 0, 
    url('../images/backgrounds/two.jpg') no-repeat 960px 0, 
    url('../images/backgrounds/three.jpg') no-repeat 1920px 0, 
    url('../images/backgrounds/four.jpg') no-repeat 2880px 0, 
    url('../images/backgrounds/five.jpg') no-repeat 3840px 0, 
    url('../images/backgrounds/six.jpg') no-repeat 4800px 0, 
    url('../images/backgrounds/seven.jpg') no-repeat 5760px 0, 
    url('../images/backgrounds/eight.jpg') no-repeat 6720px 0, 
    url('../images/backgrounds/nine.jpg') no-repeat 7680px 0, 
    url('../images/backgrounds/ten.jpg') no-repeat 8640px 0, 
    url('../images/backgrounds/eleven.jpg') no-repeat 9600px 0, 
    url('../images/backgrounds/twelve.jpg') no-repeat 10560px 0, 
    url('../images/backgrounds/thirteen.jpg') no-repeat 11520px 0, 
    url('../images/backgrounds/fourteen.jpg') no-repeat 12480px 0, 
    url('../images/backgrounds/fifteen.jpg') no-repeat 13440px 0; 
    width: 14400px; 
    height: 1020px; 
} 

注意,我感動的寬度和高度的底部,有些人在該評論說,庫中的背景需要在樣式標記中處於第一位。另外,根據說明,您需要爲不支持的瀏覽器調用最後一個背景圖像。

+0

試過這個,同樣的問題還是.. – Braunson 2011-03-16 19:00:20