CSSの画像の背景とグラデーション - 2つの線で区切りますか？

background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(0,0,0,0.5)), url("../images/3.jpg");

を分離することができます：

background-image: linear-gradient(to bottom, rgba(255,0,0,0)); 
background-image: url("../images/3.jpg");

任意のアイデア？

2017-12-16 laukok

いいえ、コンマの構文は次のとおりです。あなたは何を達成しようとしていますか？私の推測では、あなたはjpgを上にしたいと思っています。その場合は、順序を変更してください。 –

@MrListerインラインHTMLで画像を追加したいが、CSSファイルでグラデーションを維持したい。 – laukok

それでは、インラインhtmlを使用しますか？

–

グラデーションとイメージをカンマで区切る必要があります。

background: linear-gradient(to bottom, rgba(255,0,0,0)), 
      url("../images/3.jpg");

2017-12-16 18:22:38

答えて