부드러운 라이트 블렌드 모드가 작동하지 않습니다.

Question

이미지의 부드러운 라이트 블렌드 모드를 선형 그래디언트에 적용하려고했지만 효과가 크롬에로드되지 않습니다. 내 코드는 다음과 같습니다

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; 

Answer 1

그것은 나를 위해 확인 일하고 :

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>

을