怎么样可以跳出一个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的最大值，然后就好办了
[解决办法]