Chrome中的混合模式沒有正確應用

Question

正在努力朝着聚焦的重複背景，並決定使用混合模式來實現這一點。

但是，看起來好像混合模式不適用於Chrome。

這裏複製：http://jsfiddle.net/pptn4f5v/7/

body { 
    background: url("https://dl.dropboxusercontent.com/u/10686242/testfreeimage.jpg"), url("https://dl.dropboxusercontent.com/u/10686242/background-blend%20-%20Copy.png") #030303; 
    background-repeat: repeat, no-repeat; 
    background-blend-mode: multiply, normal; 
    background-size: auto, contain; 
} 

這是Chrome瀏覽器的限制？這在Firefox中很適用。

Answer 1

也許這是瀏覽器的錯誤

但是，你可以更容易地獲得這樣的效果，它會工作確定在這兩個瀏覽器

只能使用2背景，用梯度

創建點

.test { 
 
    background: url("https://dl.dropboxusercontent.com/u/10686242/testfreeimage.jpg"), 
 
      radial-gradient(circle at 250px 100px, transparent 50px, #606060 150px); 
 
    background-blend-mode: darken; 
 
    height: 400px; 
 
}

<div class="test"></div>