Chrome的最新更新後，我使用的背景CSS不再起作用

下面是鉻調試器抱怨的行，它表示它是無效的。此行在更新之前有效，更多的用戶在更新瀏覽器時也遇到了同樣的問題。Chrome的最新更新後，我使用的背景CSS不再起作用

background: url(https://www.playinitium.com/images/banner---town.jpg) 50% 50%/contain no-repeat rgb(30, 43, 83), rgb(30, 43, 83);

的Chrome版本不喜歡這一行是：版本46.0.2490.71米

有誰知道任何規格的變化，不會允許這樣的背景CSS行工作？

編輯

後來我才意識到，鍍鉻的方式表示背景CSS比我設置的方式不同。下面是它是如何設置：

background: url('images/effects/light-rain1.gif') no-repeat center center, url('"+bannerUrl+"') no-repeat center center, rgba("+r+", "+g+", "+b+", "+amount+") 

     background-blend-mode: screen, multiply 
     background-size: contain,contain,contain

我有2臺電腦，在一個與最新的Chrome似乎沒有被混合，在一個鍍鉻的稍早版本，它是。

這也可能是相關的知道，我動態設置這使用jQuery。

編輯2

我只是比較兩種鉻合金之間的版本（的一個工程，並且沒有一間），他們都是一樣的！唯一的區別是在更新我的chrome後立即開始失敗。

所以很奇怪。

來源

2015-10-18 Emperorlou

普羅蒂普：嘗試責怪你的瀏覽器之前，驗證你的代碼。 – cimmanon

@cimmanon：「但它適用於Chrome，所以它必須是有效的！」 – BoltClock

@cimmanon我的歉意。我沒有意識到chrome向我展示了一個不同於我設定的背景CSS值。我更新了我的問題！ – Emperorlou

事實證明，這確實是一個鉻錯誤。另一些人開始在這裏報告的問題：

https://code.google.com/p/chromium/issues/detail?id=543583

來源

2015-10-19 14:18:26 Emperorlou

根據w3school

CSS3多背景

CSS3允許你添加多個背景圖片爲元素，通過background-image屬性。

不同的背景圖像用逗號分隔，並且圖像堆疊在彼此之上，其中第一個圖像是距離觀看者最近的。

但是，您的背景屬性無效。 Chrome可能會修復此錯誤。您可以通過刪除第二個背景值來解決問題。

background: url(https://www.playinitium.com/images/banner---town.jpg) 50% 50%/contain no-repeat rgb(30, 43, 83);

來源

2015-10-18 14:13:20 Alex

你有兩個背景顏色值：

... no-repeat rgb(30, 43, 83), rgb(30, 43, 83);

從未被有效的CSS，因爲you may only have one color layer and it must be declared last。這在a decade中沒有改變，但我不能說我很驚訝地發現Chrome一直都在接受它。

要修正，刪除rgb(30, 43, 83)值之一：

... no-repeat, rgb(30, 43, 83);

和優選逗號，以及：

... no-repeat rgb(30, 43, 83);

聲明與一個顏色值有效時，使用或不使用逗號，但它具有微妙不同的含義，並具有基本相同的最終結果。通常，如果您只有一個背景圖像，則可以將圖像的顏色放在同一圖層中。這將改善與不支持分層背景的瀏覽器的兼容性，無論如何你並不是真正想要實現的。

來源

2015-10-18 14:14:25 BoltClock

Chrome的最新更新後，我使用的背景CSS不再起作用

回答

相關問題