13
Nếu tôi có hai lớp trên một trang, hãy chia một cách horrizontally, với lớp thứ hai chồng chéo một phần của lớp đầu tiên, có thể làm cho nó "nhấp qua" không?Nhấp qua các lớp/divs
Tôi có liên kết trong lớp đầu tiên, lớp thứ hai chồng lên nhau, ngăn các liên kết không thể nhấp được. Có cách nào để hiển thị lớp, nhưng nhấp qua, trong khi vẫn có liên kết riêng có thể nhấp được không?
chỉnh sửa:
Dưới đây là ví dụ, với html và biểu định kiểu.
Các liên kết thử nghiệm trở nên không thể nhấp vào khi nội tuyến có tiêu đề trong Lớp 3, nhưng bên dưới là chúng được sử dụng tốt. Có cách nào để khắc phục điều này không?
<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>
Và 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%;
}
Tôi không thể xóa chiều rộng, như trong trang thực tế các liên kết ở giữa trang. Tôi sẽ cố gắng như bạn đề nghị .. cảm ơn –
Ahh, thay đổi vị trí: di chuyển tương đối layer3 quá xa xuống trang. Có cách nào để ngăn chặn điều đó không? –