Voici mon problème - J'ai besoin d'accéder en quelque sorte à l'onclick d'un élément qui est couvert par un autre élément de z-index plus élevé. Je sais que cela va à l'encontre de z-index, mais des idées?Utilisation d'Onclick pour les éléments à faible indice-z
Dans l'exemple ci-dessous, seul le petit ruban supérieur de la boîte rouge est cliquable. J'ai une conception de page Web où les onglets qui doivent être cliquables sont recouverts par une barre artsy ... J'aimerais si il y avait un moyen (peut-être un truc javascript?) Pour utiliser onclick pour ces éléments z-index obscurci sans changer n'importe quel positionnement, bien que mon instinct ne soit pas bon.
<html>
<head>
<style type="text/css">
#bg {
position:absolute;
width:500px;
height:500px;
background:pink;
}
#under {
cursor:pointer;
margin-top:-10px;
background:red;
width:50px;
height:50px;
z-index:0;
}
#over {
position:absolute;
width:900px;
height:50px;
margin-top:10px;
z-index:100;
}
</style>
</head>
<body>
<div id="bg">
<div id="under" onclick="alert('hi');">aaa</div>
</div>
<div id="over"></div>
</body>
Merci de m'avoir donné la réponse. Faites-nous savoir si cela fonctionne. – nottinhill