Estou tentando sobrepor imagens com html e css!!!já consegui com position:absolute; e z-index:; mais quando muda a resoluçao fica muito ruim!!! alguém poderia me ajudar a achar uma soluçao para isso !!! abaixo vai o codigo: html: <div class="imgcentro"align="center"><img src="mao.png">
<a class="historia"href="#"><img src="historiabran.png"border="0"width="50%"><span><img src="historiaver.png"border="0"width="50%"></span></a>
</div>
css:
div.imgcentro {
border:1px solid #fff;
position:relative;
}
a.historia
{
font-family:Grundy;
font-size:25;
text-decoration: none;
position:absolute;
color:#fff;
left:19em;
top:300px;
z-index:10;
}
a.historia:hover img
{
text-decoration: none;
color:#d20c1d;
}
a.historia span img
{
display: none;
}
a.historia:hover span img
{
position:absolute;
display: block;
top:5;
left:10;
}