柔和的光線混合模式不起作用

-1

我想對線性漸變應用柔和的光線混合模式的圖像，但效果不會加載到鉻上。我的代碼是：柔和的光線混合模式不起作用

background-size: contain; 
background-repeat: no-repeat; 
background-position: center center; 
background-image: url('../img/mall.png'), -moz-linear-gradient(90deg, #f857a6 0%, #ff5858 100%); 
background-image: url('../img/mall.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff5858), color-stop(100%, #f857a6)); 
background-image: url('../img/mall.png'), -webkit-linear-gradient(90deg, #f857a6 0%, #ff5858 100%); 
background-image: url('../img/mall.png'), -o-linear-gradient(90deg, #f857a6 0%, #ff5858 100%); 
background-image: url('../img/mall.png'), -ms-linear-gradient(90deg, #f857a6 0%, #ff5858 100%); 
background-image: url('../img/mall.png'), linear-gradient(0deg, #f857a6 0%, #ff5858 100%); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5858', endColorstr='#f857a6',GradientType=0); 
background-blend-mode: soft-light;

來源

2016-12-09 Souvik Maity

它的工作確定對我來說：

div { 
 
    width: 600px; 
 
    height: 400px; 
 
    background-size: contain; 
 
    background-repeat: no-repeat; 
 
    background-position: center center; 
 
    background-image: url('http://placekitten.com/1000/800'), linear-gradient(0deg, #f857a6 0%, #ff5858 100%); 
 
    background-blend-mode: soft-light; 
 
}

<div></div>

來源

2016-12-10 08:05:59 vals

柔和的光線混合模式不起作用

回答

相關問題