10/10/2018, 00:22
ai biết cách làm thẻ <div> nằm lên trên tất cả đối tượng ko
anh em nào biết cách khi nhấp vào nút lệnh thì sẽ có 1 thẻ <div> chèn lên trên tất cả đối tượng và ko cho thao tác gì với nội dung của trang web cả giống như hiệu ứng fade vậy đó.
Bài liên quan
Tất cả nằm dưới 1 thẻ div, ngoại trừ thanh toolbars dưới đáy trang mà khi di chuột lên mới thấy. Vì có thẻ div ấy che chở nên bạn không thể nhấp phải trên nền trang để view source, copy image location...
Anh em xem thử
<html>
<head><title></title></head>
<script language="javascript">
function xem()
{
document.getElementById("fade").style.display='blo ck';
}
</script>
<body>
<div id="fade" style="z-index:1000; width:100%; height:100%; background-color:#99FF00; display:none"></div>
<p>aa</p>
<p>à</p>
<p>à</p>
<p>a</p>
<p>fa</p>
<p>f</p>
<p>à</p>
<p>à</p>
<p>fa</p>
<p>fa</p>
<p> </p>
<a href="#" onClick="xem();">Demo</a>
</body>
</html>
Phần tử DIV đầu tiên đóng vai trò lớp kính che toàn bộ nội dung. Nó được thiết lập kích thước 100% x 100%, có z-index vượt lên trên cùng, nhưng ẩn đi.
Phần tử DIV thứ 2 chứa tất cả nội dung của trang cần hiển thị, cũng có kích thước 100% x 100%, nhưng nằm phía sau. Thanh cuộn của trang web chính là thanh cuộn của phần tử DIV này. Khi lớp kính xuất hiện, người dùng sẽ không sử dụng được thanh scrollbar.
Nhưng mà cái này nó chỉ chạy trên IE còn trên FF vẫn bị lỗi như vậy