He provado con z-index poner por encima las imagenes de los divs pero me sigue sin funcionar. Hay alguna manera de hacer-lo bien? Gracias
Código:
<div class="chakra"id="chakra7"> <div class="divuna"> <img class="una carta" id="chakra7-1img" src="TheTarotofDurer/BackL.jpg" > </div> <div class="titolchakra"> 7º Chakra Corona </div> <div class="titolscartes"> <div class="titolcarta">Primera carta: <span id="chakra7-1titulo"></span></div> </div> </div> <div class="chakra"id="chakra6"> <div class="divpar"> <img class="par carta izq" id="chakra6-1img" src="TheTarotofDurer/BackL.jpg"> <img class="par carta der" id="chakra6-2img" src="TheTarotofDurer/BackL.jpg"> </div> <div class="titolchakra">6º Chakra del tercer ojo</div> <div class="titolscartes"> <div class="titolcarta">Primera carta: <span id="chakra6-1titulo"></span></div> <div class="titolcarta">Segunda carta: <span id="chakra6-2titulo"></span></div> </div> </div> ...
i el javascript
Código:
document.getElementById('chakra7-1img').addEventListener('click',function(){SacarCarta(chakra7,1)}, false); document.getElementById('chakra6-1img').addEventListener('click',function(){SacarCarta(chakra6,1)}, false); document.getElementById('chakra6-2img').addEventListener('click',function(){SacarCarta(chakra6,2)}, false); document.getElementById('chakra5-1img').addEventListener('click', function(){SacarCarta(chakra5,1)}, false); document.getElementById('chakra5-2img').addEventListener('click',function(){SacarCarta(chakra5,2)}, false); document.getElementById('chakra4-1img').addEventListener('click',function(){ SacarCarta(chakra4,1)}, false); document.getElementById('chakra3-1img').addEventListener('click',function(){SacarCarta(chakra3,1)}, false); document.getElementById('chakra3-2img').addEventListener('click',function(){SacarCarta(chakra3,2)}, false); document.getElementById('chakra2-1img').addEventListener('click',function(){ SacarCarta(chakra2,1)}, false); document.getElementById('chakra1-1img').addEventListener('click',function(){ SacarCarta(chakra1,1)}, false);