Safari中的多個背景圖像casuses錯誤

我試圖用兩個圖像來設計body元素的樣式。Safari中的多個背景圖像casuses錯誤

background: url(bg2.png) repeat-x, url(bg1.png) repeat;

的問題是，Safari在控制檯產生一個錯誤，抱怨怎麼找不到圖像文件是在上面的代碼中指定的最後一個。

背景圖像仍顯示正確。

任何想法，爲什麼這是accouring？

來源

2012-02-21 Xavio

你有沒有嘗試把兩個網址（同一行），並在不同的行其他屬性？我可能是錯的，但多個背景遵循某種語法，不是嗎？ – Yisela 2012-02-21 22:31:47

是的，語法有點不可思議，但Chrome並沒有抱怨代碼。只是想，如果有一個錯誤或Safari的一些工作。 – Xavio 2012-02-21 22:42:25

我無法找到任何關於多個背景的Safari瀏覽器的評論......它已被支持一段時間http://caniuse.com/multibackgrounds – Yisela 2012-02-21 23:07:49

你試過用背景圖像而不是背景嗎？

來源

2012-02-22 19:32:35 huzzah

'background-image' *和*'background-repeat'，也就是說。 – BoltClock 2012-02-22 19:45:35

我已經使用'background-image'但沒有效果... – SaurabhLP 2013-09-24 05:10:35

我將'背景'shortkut分解爲'background-image'，'background-repeat'和'background-position'，它解決了我在各個版本的Safari中遇到的問題。 – 2015-09-21 20:40:09

要回答上面的問題，您的語法不正確。

body{ 
background-image: url("../img/logo.jpg"), url("../img/background.png"); 
background-repeat:no-repeat, repeat-y; 
background-position: right 30px, right top; 
background-attachment:fixed, scroll; 
background-color:#ffffff; 
color:#000000; 
}

注意：第一個圖像將具有最高的堆疊順序。

現在我的問題涉及到多個背景圖像。檢查我的錯誤日誌，我注意到上述背景圖片的錯誤。我試圖通過使用絕對URL來解決這個問題無濟於事。我只能假設這些404是由舊版本的IE引起的。任何使用多個背景圖像的人都會在錯誤日誌中注意到這一點

來源

2013-12-13 21:35:20 huhuh

Safari中的多個背景圖像casuses錯誤

回答

相關問題