CSS: фоновое изображение на цвете фона

У меня есть панель, которую я окрашиваю в синий цвет, если эта панель выбрана (щелкнул по ней). Кроме того, я добавляю к этой панели небольшой знак (изображение .png ), который указывает, что выбранная панель уже была выбрана ранее.

Таким образом, если пользователь видит, например, 10 панелей, и 4 из них имеют этот маленький знак, он знает, что уже нажимал на эти панели раньше. Пока это работает нормально. Теперь проблема в том, что я не могу одновременно отобразить маленький знак и сделать панель синей.

Я установил синий цвет панели с фоном css : # 6DB3F2; и фоновым изображением с помощью background-image: url ('images / checked.png') . Но кажется, что цвет фона находится над изображением, поэтому вы не можете увидеть знак.

Следовательно, можно ли установить z-index es для цвета фона и фонового изображения?