• 悬浮框固定不动


    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

  • 相关阅读:
    1.BMap(百度地图)第二次加载显示不全
    SpringMVC的拦截器
    装饰者模式
    java产生随机数
    VS 常用快捷键
    给包含compid列且值为null ,表的行数据赋值--
    遍历数据库,删除包含指定列的表的行数据-
    DataTable select根据条件取值
    临时表汇总金额
    Redirect url 路径简单介绍
  • 原文地址:https://www.cnblogs.com/liziqiang/p/3480778.html
Copyright © 2020-2023  润新知