日期:2014-05-17  浏览次数:20585 次

怎么样可以跳出一个div z-index高于所有页面中的内容
如题
就像相册那样 点击一张图片 就会有浏览的模式 怎么跳出一张z-index高于其他内容的div,并在页面中央
<head runat="server">
  <title></title>
  <style type="text/css">
  .div1{ widht:100px;height:100px;float:left; padding:20px 20px 20px 20px;}
  img{width:80px;height:80px;}
  </style>
  <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
  <script type="text/javascript">
  $(document).ready(function () {
  $(".div1").click(function () {
   
  });
  });
  </script>  
</head>
<body>
  <form id="form1" runat="server">
<div class=div1><img src="img/1.jpg" alt="无法显示" /></div>
<div class=div1><img src="img/2.jpg" alt="无法显示" /></div>
<div class=div1><img src="img/3.jpg" alt="无法显示" /></div>
<div class=div1><img src="img/4.jpg" alt="无法显示" /></div>
<div style=" clear:both;"></div>
<div class=div1><img src="img/5.jpg" alt="无法显示" /></div>
<div class=div1><img src="img/6.gif" alt="无法显示" /></div>
<div class=div1><img src="img/7.jpg" alt="无法显示" /></div>
<div class=div1><img src="img/8.jpg" alt="无法显示" /></div>
  </form>
</body>

------解决方案--------------------
要是会何必要......
------解决方案--------------------
最好是有办法找到页面中所有z-index的最大值,然后就好办了
------解决方案--------------------
探讨

怎么控制div位置没效果