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

jquery 实现弹出 做登入
    如题 我想做一个弹出层里面做一些登入啊 提示啊 等等的东西,但是如何让  这个弹出层 不会因为滚动上下被遮盖呢。 不管我页面怎么滚动 始终保持在中间位置。
 
    最好有完整代码啊 谢谢大家啦。。。。

<head runat="server">
    <title></title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

<script type="text/javascript">
        $(function() {
        $("#btnShow").click(function() { 
             
                $("#BgDiv").css({ display: "block", height: $(document).height() });
                var yscroll = document.documentElement.scrollTop;
                $("#DialogDiv").css({ top: yscroll + 100 });
                $("#DialogDiv").css("display", "block");
                document.documentElement.scrollTop = 0;
            });
            $("#btnClose").click(function() {
                $("#BgDiv").css("display", "none");
                $("#DialogDiv").css("display", "none");
            });

        });
    </script>

    <style type="text/css">
        body, h2
        {
            margin: 0;
            padding: 0;
        }
        #BgDiv
        {
            background-color: #e3e3e3;
            position: absolute;
            z-index: 99;
            left: 0;
            top: 0;
            display: none;
            width: 100%;
            height: 1000px;
            opacity: 0.8;
            filter: alpha(opacity=50);
            -moz-opacity: