グラデーションカラーがクロムで機能しない背景画像

Question

クロム用の画像でウェブキットのグラデーションタグを使用しようとしていますが、グラデーションカラーは機能しますが、画像はクロムに表示されません。私はFirefoxでそれを試して、イメージとグラデーションの色はうまく動作します。

background: linear-gradient(to bottom, rgb(74,40,73,.8), 
rgb(147,98,143,.8)), url(./images/covers/1.jpg) no-repeat; 

.profile-card { 
 

 
\t background: linear-gradient(to bottom, rgba(74,40,73,.8), rgb(147,98,143,.8)), url(./images/covers/1.jpg) no-repeat; 
 
    
 
\t background: -webkit-linear-gradient(bottom, #4A2849, #93628F), url(./images/covers/1.jpg) no-repeat; /* image not working in chrome */ 
 
\t background-size: cover; 
 
\t width: 100%; 
 
\t min-height: 90px; 
 
\t border-radius: 4px; 
 
\t color: #fff; 
 

 
    }

<div class="profile-card"> 
 
      <img src="images/users/user-1.jpg" alt="user" class="profile-photo"> 
 
      <h5><a href="#" class="text-white">abc 
 
     </div><!--profile ends-->

が、クロームで、私はこのコード

background: -webkit-linear-gradient(bottom, #4A2849, #93628F), 
url(./images/covers/1.jpg) no-repeat; 

で試してみましたが、画像はクロームでは表示されません。

Answer 1

利用代わりRGBのRGBA、のように：

.a { background: linear-gradient(to bottom, rgba(74,40,73,.8), 
 
rgba(147,98,143,.8)), url(./images/covers/1.jpg) no-repeat; 
 
} 
 

 
.b { 
 
background: -webkit-linear-gradient(bottom, #4A2849, #93628F), 
 
url(./images/covers/1.jpg) no-repeat; 
 
}

<div class="a">A</div> 
 
<div class="b">B</div>