13
ページに2つのレイヤーがある場合、最初のレイヤーの2番目のレイヤーがオーバーラップしている状態で、分割して「クリックスルー」することは可能ですか？layers/divsをクリック
私は第2層が重なっている第1層にリンクを有しており、リンクがクリック可能になるのを止めています。レイヤーを表示させる方法はありますか？クリックスルー、それでもリンクはクリック可能ですか？
編集：ここでは
は、HTMLやスタイルシートで、一例です。
レイヤー3のヘッダーをインライン化するとテストリンクが解除できなくなりますが、その下位レイヤーは正常です。これを修正する方法はありますか？
<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>
と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%;
}
実際のページでは、ページの中央にリンクが多くなるため、幅を削除できません。私はあなたが示唆しているようにしようとします。ありがとう –
ああ、位置に変更：相対移動layer3はページのあまりにも遠くに移動します。それを防ぐ方法はありますか？ –