[解決済み】CSS：背景色に背景画像

質問

パネルがあり、そのパネルが選択されている（クリックされている）場合、青色に着色しています。さらに、小さな記号( .png これは、選択されたパネルが以前に選択されていたことを示すものです。

つまり、例えば10枚のパネルが表示され、そのうちの4枚にこの小さなサインがあれば、ユーザーは以前にそれらのパネルをクリックしたことがあると認識するわけです。これは今のところうまくいっています。問題は、小さなサインを表示すると同時に、パネルを青くすることができないことです。

cssでパネルを青色に設定しました。 background: #6DB3F2; で背景画像を background-image: url('images/checked.png') . しかし、背景色が画像より上になってしまい、看板が見えないようです。

そのため z-index 背景色と背景画像に使用できますか？

解決方法は？

それぞれ完全なプロパティ名を使用する必要があります。

background-color: #6DB3F2;
background-image: url('images/checked.png');

あるいは、backgroundの省略記法を使い、1行で全て指定することもできます。

background: url('images/checked.png'), #6DB3F2;