hola a todos, necesito resolver un problema . Haber si alguien me puede orientar.
Hice una pagina web en donde necesito colocar una imagen debajo de un fondo de pie de pagina.
codigo html
codigo imagen:
<div id="posicionador-foto-inicio"><img src="imagenes/foto-inicio.jpg" class="foto-inicio"/></div>
codigo- pie de pagina:
<div id="pie-de-pagina">
<p>texto</p>
<p>texto</p>
<p class="tex-piepagina" align="center"><a href="/">Inicio</a> | <a href="/contacto/">Contáctenos</a> | <a href="/sitios-amigos/">Sitios Amigos</a></p>
</div>
codigo css:
#pie-de-pagina{
background-image: url(/imagenes/benner2.png)!important;
background-image: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/imagenes/benner2.png', sizingMethod='scale');
background-repeat: no-repeat;
background-position: right bottom;
position: relative;
z-index: 100;
height: 33px;
margin: 0px;
padding: 0px;
}
img.foto-inicio{
position: absolute;
bottom: -32px;
z-index: 10;
left: 5px;
}
#posicionador-foto-inicio{
background-color: #99CC33;
height: 0px;
clear: both;
position: relative;
}
#posicion{
height: 45px;
background-image: url(../imagenes/bannerinf-bottom.png);
background-repeat: no-repeat;
}
La imagen tiene una clase absolute y el div que lo compone es relative.
El pie de pagina tiene posicion relative y tiene z- index, para quedar sobre la imagen de inicio.
El problema consiste en que los link que estan en el pie de pagina en ie 6.0 no funcionan (el texto lo muestra, pero no se activan los link) , pero si funciona en firefox.
Espero que alguien me pueda ayudar... gracias.