このパネルが選択されている(クリックされている)場合、青色に着色したパネルがあります。さらに、.png
そのパネルに小さな記号(画像)を追加します。これは、選択したパネルが以前にすでに選択されていることを示しています。
したがって、たとえば10個のパネルが表示され、そのうちの4個がこの小さな兆候を持っている場合、ユーザーは以前にそれらのパネルをクリックしたことがあることがわかります。これはこれまでのところうまくいきます。問題は、小さな看板を表示すると同時にパネルを青色にすることができないことです。
CSSでパネルを青にbackground: #6DB3F2;
、背景画像をに設定しましたbackground-image: url('images/checked.png')
。ただし、背景色が画像の上にあるため、標識が見えないようです。
したがってz-index
、背景色と背景画像にes を設定することは可能ですか?