2013-06-14 24 views
9

Tôi đang sử dụng mã css bên dưới để chặn toàn bộ trang khi cửa sổ bật lên xuất hiện. Nhưng nó hoạt động (Trang hiển thị chỉ bao gồm không phải tất cả). Tôi gặp sự cố, nếu trang của tôi có thanh cuộn có nghĩa là phần cuối trang còn lại không được trình chặn chặn.tắt nền bằng css khi bật lên xuất hiện

.parentDisable 
     { 
      z-index: 99999; 
      width: 100%; 
      height: 100%; 
      display: none; 
      position: absolute; 
      top: 0%; 
      left: 0%; 
      background-color: #000; 
      color: #aaa; 
      opacity: 0.8; 
      filter: alpha(opacity=100); 
     } 
     #popup 
     { 
      width: 300; 
      height: 300; 
      position: relative; 
      color: #000; 
      top: 25%; 
     } 
+0

'position: fixed; '? – Albzi

+0

nơi thay đổi bị lỗi trong parentDisable hoặc popup – Milton

+0

Cho dù div bạn muốn trên màn hình khi bạn cuộn (Tôi đoán popup). – Albzi

Trả lời

11

sử dụng css này

.parentDisable{ 
       position:fixed; 
       top:0; 
       left:0; 
       background:#000; 
       opacity:0.8; 
       z-index:998; 
       height:100%; 
       width:100%;} 
#popup{ 
     position:aboslute; 
     z-index:999;} 

và html này

<div class="parentDisable"></div> 
<div id="popup">My pop up</div> 
Các vấn đề liên quan