Eu tenho um painel que eu colori de azul se este painel estiver sendo selecionado (clique nele). Adicionalmente, adiciono um pequeno sinal (imagem `.png') a esse painel, o que indica que o painel selecionado já foi selecionado antes.
Então se o usuário vê por exemplo 10 painéis e 4 deles têm esse pequeno sinal, ele sabe que já clicou nesses painéis antes. Isto funciona bem até agora. O problema agora é que eu posso't exibir o pequeno sinal e fazer o painel azul ao mesmo tempo.
Coloco o painel a azul com o css fundo: #6DB3F2;
e a imagem de fundo com background-image: url('images/checked.png')
. Mas parece que a cor de fundo está acima da imagem, então você não pode ver o sinal.
Portanto, é possível definir z-index
es para a cor de fundo e para a imagem de fundo?
Você precisa usar o nome completo da propriedade para cada um:
background-color: #6DB3F2;
background-image: url('images/checked.png');
Ou, você pode usar o estenógrafo de fundo e especificar tudo em uma linha:
background: #6DB3F2 url('images/checked.png');
problema realmente interessante, haven'ainda não o vi. este código funciona bem para mim. testei-o em cromo e IE9
<html>
<head>
<style>
body{
background-image: url('img.jpg');
background-color: #6DB3F2;
}
</style>
</head>
<body>
</body>
</html>