zoukankan      html  css  js  c++  java
  • 页面元素固定在页面底部的纯css代码(兼容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=utf-8" />
    
    <title>ie6层固定</title>
    
    <style type="text/css">
    
    <!--
    
    .box {
    
    background-color: #09C;
    
    height: 60px;
    
     100%;
    
    position: fixed;
    
    bottom: 0px;
    
    left: auto;
    
    right: auto;
    
    line-height: 60px;
    
    text-align: center;
    
    _POSITION: absolute;/*兼容IE6*/
    
     _TOP: expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);/*兼容IE6*/
    
    }
    
    .box a{color: #FFF;}
    
    *html{
    background-image:url(about:blank);
    background-attachment:fixed;
    }
    -->
    
    </style>
    
    </head>
    
    <body>
    
    <div style="height:2000px;">这个例子是实现层固定在浏览器窗口的最下面,兼容IE6.<br />
    
    <br />
    
    往下看,看页面的最下面</div>
    
    <div class="box"><a href="#" target="_blank">我固定在页面底部,拖动浏览器的滚动条试试 = =>></a></div>
    
    </body>
    
    </html>
    
  • 相关阅读:
    Git安装(操作篇)
    Git安装
    ES6基础练习
    SVN的安装与搭建及使用
    解决SVN文件不显示绿色小钩图标问题
    混入(mixin)
    ref属性与props配置项
    docker-compose部署 Mysql 8.0 主从模式基于GTID
    项目统一处理
    Docker Compose实战
  • 原文地址:https://www.cnblogs.com/ecstore/p/3153998.html
Copyright © 2011-2022 走看看