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

回答

相关问题