HOLA QUE TAL QUERIA PREGUNTAR SI ALGUIEN SABRIA COMO CAMBIAR EL INDICE Z DE UN DIV O UNA CLASS CSS.
LA MANO VIENE MAS O MENOS ASI ...tengo 5 div con enlaces de imagenes dentro
cada uno tiene una regla CSS distinta para facilitar la manipulacion la cuestion seria que esos 5 div estan uno encima del otro y yo hago que aparescan con una
funcion , el problema es q al estar uno encima del otro siempre me toma el ultimo div y me desabilita los otros , es decir paso el mouse para que aparesca el div 1 , aparecen las imagenes todo pero no les puedo hacer click ya que el div 5 (invisible pero existente) me taba sin dejarme hacerle click eso pasa igual con los div 2 3 y 4 . lo que necesitaria es alguna forma de cambiar el indice Z del div que esta actualmente visible a uno mas alto q los demas.
Código PHP:
function cerrar(id){
document.getElementById(id).style.display="none";
}
function abre(id){
document.getElementById(id).style.display="block";
}
function cerrartd(){
cerrar('div1');
cerrar('div2');
cerrar('div3');
}
y luego el codigo html lo tengo asi
Código PHP:
<div id="div1">
<a href="#"><img href="#"/></a> <a href="#"><img href="#"/></a>
</div>
<div id="div2">
<a href="#"><img href="#"/></a> <a href="#"><img href="#"/></a>
</div>
<div id="div3">
<a href="#"><img href="#"/></a> <a href="#"><img href="#"/></a>
</div>
<a href="#" onmouseover="javascript: cerrartd(); abre('div1');">
<a href="#" onmouseover="javascript: cerrartd(); abre('div2');">
<a href="#" onmouseover="javascript: cerrartd(); abre('div3');">
en teoria deberia ser algo asi oO:
Código PHP:
<a href="#" onmouseover="javascript: cerrartd(); reducir_indicez_atodos(); aumentar_indicez_estediv('div1');abre('div1');">
espero haberme explicado , ya se que es un tema bastante complicado pero espero vuestra ayuda sea cual sea : )
un saludo