工作我使用http://www.chicowebdesign.com/blog/2010/10/21/updated-jquery-multiple-background-plug-in/jQuery的多背景腳本不在IE
至於他們的狀態,但在IE瀏覽器的多個背景不工作,任何想法,建議?
http://jsfiddle.net/6JtNr/(只是CSS即時通訊使用)
我包括jQuery的,包括他們的腳本jQuery是加載之後..
想法?
工作我使用http://www.chicowebdesign.com/blog/2010/10/21/updated-jquery-multiple-background-plug-in/jQuery的多背景腳本不在IE
至於他們的狀態,但在IE瀏覽器的多個背景不工作,任何想法,建議?
http://jsfiddle.net/6JtNr/(只是CSS即時通訊使用)
我包括jQuery的,包括他們的腳本jQuery是加載之後..
想法?
從我的理解,閱讀網頁上的說明,你需要你的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;
}
注意,我感動的寬度和高度的底部,有些人在該評論說,庫中的背景需要在樣式標記中處於第一位。另外,根據說明,您需要爲不支持的瀏覽器調用最後一個背景圖像。
試過這個,同樣的問題還是.. – Braunson 2011-03-16 19:00:20
你用的是什麼jQuery版本?這個插件有一個已知的isssue:jQuery 1.4.3會在Internet Explorer 6和7中導致佈局錯誤,而不是1.4.2。請再次檢查所有已知問題。 – YNhat 2011-03-15 03:09:30
嘗試使用1.4.1,1.4.2,同樣的問題,嘗試使用最新版本,無論使用什麼版本的jQuery,都會出現同樣的問題。 – Braunson 2011-03-15 04:24:03