Si j'ai deux couches sur une page, split horrizontally, avec la deuxième couche chevauchant une partie de la première couche, est-il possible de faire "click through"?En cliquant couches/divs
J'ai des liens dans la première couche, que la deuxième couche chevauche, ce qui empêche les liens d'être cliquables. Existe-t-il un moyen de rendre l'affichage de la couche, mais d'avoir un clic, tout en ayant ses propres liens cliquables?
modifier:
Voici un exemple, avec le langage HTML et une feuille de style.
Les liens de test ne peuvent plus être cliqués lorsqu'ils sont en ligne avec l'en-tête de Layer3, mais en dessous, ils sont corrects. Y a-t-il un moyen de rectifier cela?
<title>Test</title>
<link rel="stylesheet" href="test.css" type="text/css">
<body>
<div id="Layer0">
<div id="Layer1" class="Layer1">
<h3 align="left">Brands</h3>
</div>
<div id="Layer2" class="Layer2"><h1>TEST</h1>
<div id="rightlayer">
<a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p><a href="test">TEST></a><p>
</div>
</div>
<div id="Layer3" class="Layer3"><h1>Ed Hardy Auctions</h1>
</div>
</div>
</body>
</html>
Et le css
#Layer0 {
width:100%;
height:100%;
}
body {
margin:10px 10px 0px 10px;
padding:0px;
color:#999999;
font-family:"Trebuchet MS",arial,sans-serif;
font-size:70.5%;
}
#Layer1 {
position:absolute;
left:10px;
width:200px;
margin-top:17px;
font-size:1.0em;
padding-left:12px;
padding-top:8px;
}
#Layer2 {
background:#fff;
margin-left:199px;
color:#000;
}
#rightlayer {
float:right;
}
.Layer3 {
position:absolute;
top:67%;
padding:20px;
width: 100%;
}
Je ne peux pas supprimer la largeur, car dans la page actuelle, les liens sont plus au milieu de la page. Je vais essayer comme vous le suggérez ... merci –
Ahh, en changeant en position: relatif déplace le calque3 trop loin sur la page. Y a-t-il un moyen d'empêcher cela? –