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

  • 相关阅读:
    Alpha 冲刺 (3/10)
    Alpha 冲刺 (2/10)
    Alpha 冲刺 (1/10)
    福大软工 · 第七次作业
    福大软工 · 第八次作业(课堂实战)- 项目UML设计(团队)
    福大软工1816 · 第六次作业
    福大软工1816 · 第五次作业
    福大软工1816
    福大软工1816 · 第三次作业
    【Alpha版本】冲刺-Day6
  • 原文地址:https://www.cnblogs.com/liziqiang/p/3480778.html
Copyright © 2011-2022 走看看