关于页面固定、可展开、并无晃动浮动层的问题

就这个，CSS控制的，不需要js自然不会有晃动
.quickmenubox {
width: 975px;
height: ;
_margin: 0 0 -1px -7px;
background: url('/images/common/QuickMenu_BG.png') transparent no-repeat 0 top;
position: fixed;
_position: absolute;
bottom: 0px;
z-index: 50000;
}

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <style type="text/css">
                body {
                    margin: 0;
                    padding: 0
                } .fixed {
                    position: fixed;
                    bottom: 0;
                    width: 800px;
                    height: 50px;
                    left: 160px;
                    top: 300px;
                    background: #FF0000;
                    margin-left: -150px /*为.fixed宽的一半*/;
                    margin-top: -150px /*为.fixed高的一半*/;
                    background: #006633
                }
            </style>
            <!--以下是为了兼容IE6的hack-->
            <!--[if IE 6]>
                <style type="text/css">
                html{overflow:hidden;}
                body{height:100%;overflow:auto;}
                .fixed{position:absolute;}
                </style>
            <![endif]-->
        </head>
        <body>
            <div class="fixed">
                {position:fixed}
            </div>
    <table width="100%" border="1">
    <script>
    for(var i=0;i<100;i++){
    document.write("<tr>");
    document.write("<td>aaaa</td>");
    document.write("<td>aaaa</td>");
    document.write("<td>aaaa</td>");
    document.write("</tr>");
    }
    </script>
    </table>
        </body>
    </html>