zoukankan      html  css  js  c++  java
  • 悬浮框固定不动

    CSS实现div悬浮框的代码(兼容IE6)

    <!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>

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

    <title>CSS固定定位</title>

    <style type="text/css">

    {

    padding:0;

    margin:0;

    }

    #fixedLayer{

    100px;

    line-height:50px;

    background: #FC6;

    border:1px solid #F90;

    position:fixed;

    right:10px;

    bottom:10px;

    }

    </style>

    <!--[if lte IE 6]>

    <style type="text/css">

    html {

    height:100%;

    overflow:hidden;

    }

    body {

    height:100%;

    overflow:auto;

    }

    #fixedLayer {

    position:absolute;

    }

    </style>

    <![endif]-->

    </head>

    <body>

    <div id="fixedLayer">固定不动</div>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    <p>dd</p>

    </body>

    </html>

    转自http://hi.baidu.com/grayworm/item/b735c2061f4e33ea34990265

  • 相关阅读:
    【计算机网络】网络地址转换NAT
    红黑树
    引用和取地址区别
    [网络编程] TCP、UDP区别以及TCP传输原理、拥塞避免、连接建立、连接释放总结
    操作系统大端模式和小端模式
    点乘和叉乘
    HMM模型
    Application_Start
    跨函数使用内存空间
    框架
  • 原文地址:https://www.cnblogs.com/liziqiang/p/3480778.html
Copyright © 2011-2022 走看看