Z-index問題彈出div

當我點擊我的網頁上的一個按鈕想popoup一個需要全部高度和寬度的div，因此任何其他元素都無法點擊，直到div被關閉。Z-index問題彈出div

當div可用時，我只想單擊網頁的某個元素。試着給

彈出DIV
的10

的z-index和1000元 z-index的，但它沒有工作。 Plz提供你的建議

2011-12-08 Rakhitha Nimesh

像這樣的東西應該可以工作或你，zindex應該只是一個問題，如果你已經設置它在你的網頁上的其他地方。通過使用絕對位置，如果沒有z-index衝突，它將顯示所有內容。

<html> 
    <head> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
     <script type="text/javascript"> 
     $(document).ready(function() { 
      $(".button").click(function(){ 
       togglePopUp() 
      }); 

     }); 
     function togglePopUp(){ 
      if($(".popUp").is(":visible")){ 
       $(".popUp").css('display', 'none') ; 
      }else{ 
       $(".popUp").css('display', 'block') ; 
      } 

     } 
</script> 
<style> 
body{ 
    border:0; 
    padding:0; 
    margin:0; 
    } 
.popup{ 
position:absolute; 
top:0; 
left:0; 
background-color:#000; 
width:100%; 
height:100%; 
display:block; 
z-index:10; 
} 
.close{ 
    float:left; 
    margin-left:50px; 
    color:red; 
    } 



</style> 

    </head> 
    <body> 
    <div class="popUp" style="display: none"><div class="button close">close me</div></div> 
    <div class="button">click me</div> 


    </body> 

</html>

例子是posted here

來源

2011-12-08 08:06:23

什麼，我想是時候彈出已經存在 –

，如果你可以炫耀的頁面一個例子，我將能夠更快地幫助顯示網頁內的元素; ） –

Z-index問題彈出div

回答

相關問題