css 兼容ie6,ie7,ff的fixed,元素上下端固定定位方法

网站建设 2021-07-03 08:42www.dzhlxh.cn网站建设

效果

<!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>fixed ie6</title><style type="text/css">body{background-image:url(about:blank); background-attachment:fixed;/*必要，防抖动* </div>
        <script>cambrian.render('body')</script>
        <div class="imoney"> 
          </div>
        <div class="nextlog"> 上一篇：<a href='/wangzhan/63941.html'>CSS解决链接锚点定位偏移的代码</a> 
          下一篇：<a href='/wangzhan/63945.html'>css网页布局中文字排版的属性和用法</a>  </div>
        <div class="link-box">
          <h3>网站设计</h3>
          <ul class="ullist4">
            <li><i class="fa fa-caret-right"></i><a href="/wangzhan/479896.html" title="商城网站建设怎样建">商城网站建设怎样建</a></li>
<li><i class="fa fa-caret-right"></i><a href="/wangzhan/479895.html" title="免费制作自己的网站">免费制作自己的网站</a></li>
<li><i class="fa fa-caret-right"></i><a href="/wangzhan/479894.html" title="企业网站建设的一般要素">企业网站建设的一般要素</a></li>
<li><i class="fa fa-caret-right"></i><a href="/wangzhan/479893.html" title="如何搭建自己的网站">如何搭建自己的网站</a></li>
<li><i class="fa fa-caret-right"></i><a href="/wangzhan/479892.html" title="网站建设的主要工作流程">网站建设的主要工作流程</a></li>
<li><i class="fa fa-caret-right"></i><a href="/wangzhan/479891.html" title="开发一个网站的过程是什么">开发一个网站的过程是什么</a></li>
<li><i class="fa fa-caret-right"></i><a href="/wangzhan/479890.html" title="如何创建一个自己的网站">如何创建一个自己的网站</a></li>
<li><i class="fa fa-caret-right"></i><a href="/wangzhan/479871.html" title="网站栏目名称">网站栏目名称</a></li>
<li><i class="fa fa-caret-right"></i><a href="/wangzhan/479869.html" title="时间同步服务器地址">时间同步服务器地址</a></li>
<li><i class="fa fa-caret-right"></i><a href="/wangzhan/479854.html" title="移动端手机网站制作">移动端手机网站制作</a></li>
<li><i class="fa fa-caret-right"></i><a href="/wangzhan/479853.html" title="百度k站：百度K站的原因">百度k站：百度K站的原因</a></li>
<li><i class="fa fa-caret-right"></i><a href="/wangzhan/479852.html" title="可外链网盘：支持外链的网盘有哪些">可外链网盘：支持外链的网盘有哪些</a></li>
<li><i class="fa fa-caret-right"></i><a href="/wangzhan/479851.html" title="百度指数会员：如何利用百度指数会员">百度指数会员：如何利用百度指数会员</a></li>
<li><i class="fa fa-caret-right"></i><a href="/wangzhan/479836.html" title="电信虚拟主机：电信虚拟主机的优势">电信虚拟主机：电信虚拟主机的优势</a></li>
<li><i class="fa fa-caret-right"></i><a href="/wangzhan/479834.html" title="穷站长：搜索引擎优化是提高网站流量的方法">穷站长：搜索引擎优化是提高网站流量的方法</a></li>
<li><i class="fa fa-caret-right"></i><a href="/wangzhan/479833.html" title="常德网站建设公司：常德网站建设多少钱">常德网站建设公司：常德网站建设多少钱</a></li>

</ul>
        </div>
        <div id="pagenavi"> </div>       
      </div>
    </div>
    <ul id="sidebar">
  <li class="diyarea"> 
    <script src='/plus/ad_js.php?aid=3' language='javascript'></script> </li>
  <li class="rlist1">
    <h3><span>金源码搜索</span></h3>
    <div id="logsearch">
      <form name="keyform" method="get" action="/plus/search.php">
        <input type="hidden" name="pagesize" value="20">
        <input name="q" class="search" type="text" />
        <i class="fa fa-search" onclick="$('form').submit()"></i>
      </form>
    </div>
  </li>
  <li id="blogsort">
    <h3 class="mcolor"><i class="fa fa-folder-open-o"></i><span>金源码导航</span></h3>
  </li>
  <li class="rlist1">
    <h3><span>免费网站源码</span></h3>
    <ul id="newlog">
      <li><a href="/wangzhan/479896.html">商城网站建设怎样建</a></li>
<li><a href="/wangzhan/479895.html">免费制作自己的网站</a></li>
<li><a href="/wangzhan/479894.html">企业网站建设的一般要素</a></li>
<li><a href="/wangzhan/479893.html">如何搭建自己的网站</a></li>
<li><a href="/wangzhan/479892.html">网站建设的主要工作流程</a></li>

</ul>
  </li>
  <li class="rlist1">
    <h3><span>网站模板下载</span></h3>
    <ul id="hotlog">
      <li><i class='mcolor' >1</i><a href="/wangzhan/244607.html">败笔网络安全技术</a></li>
<li><i class='mcolor' >2</i><a href="/wangzhan/96292.html">ai怎么调整画板顺序? ai设置画板顺序的教程</a></li>
<li><i class='mcolor' >3</i><a href="/wangzhan/241010.html">南宁企业建站</a></li>
<li><i  >4</i><a href="/wangzhan/248423.html">网络安全第五空间</a></li>
<li><i  >5</i><a href="/wangzhan/248615.html">网页设计制作详细流程</a></li>

</ul>
  </li>
  <li class="rlist1">
    <h3><span>网站建设</span></h3>
    <ul id="randlog">
          <div id='tag9f7eeff00fa9ad9495fdaba8e635aaaa'>
<li><a href="/wangzhan/48008.html">如何选择建站企业?做网站请先看完这四点建议再</a></li>
<li><a href="/wangzhan/83979.html">Maya怎么使用收拢命令?</a></li>
<li><a href="/wangzhan/92377.html">ai怎么设计山峰LOGO? ai设计山峰标志的教程</a></li>
<li><a href="/wangzhan/222980.html">谷歌纸板整合街景服务：不出门也可逛大街</a></li>
<li><a href="/wangzhan/224481.html">语音直播是否真能让国内网红向“Creator”转变？</a></li>
    </div>

</ul>
  </li>
</ul>

</div>
</div>
<div id="footerbar">
<div class="wrap">
  <p>Copyright © 2016-2025  www.dzhlxh.cn  <a href="http://www.dzhlxh.cn/" target="_blank">金源码</a> 版权所有 Power by  </p>
  <p>网站模板下载|网络推广|微博营销|seo优化|视频营销|网络营销|微信营销|网站建设|织梦模板|小程序模板</p>
</div>
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';        
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
<div id="backtop"><span class="fa fa-space-shuttle fa-rotate-270"></span></div>
</body>
</html>