文档章节

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

rin9958
 rin9958
发布于 2016/06/08 22:01
字数 111
阅读 24
收藏 5
css
<style type="text/css"> 
body{ 
background-image:url(about:blank); background-attachment:fixed;/*必要,防抖动*/ 
} 
.head,.foot{ 
position:fixed;
*position:absolute; 
*left:0;
z-index:21; 
background:#999; 
height:30px; 
width:500px; 
} 
.foot{ 
*bottom:0;
} 
.main{ 
height:2000px; 
} 
</style> 
<!--[if lt IE 8]> 
<style type="text/css"> 
/*ie6和ie7 fix顶端元素*/ 
.head{ 
top:expression(eval(document.documentElement.scrollTop)); 
} 
/*ie6和ie7 fix底端元素*/ 
.foot{ 
top: expression(eval((document.compatMode&&document.compatMode=="CSS1Compat")?documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-1:document.body.scrollTop+document.body.clientHeight-this.clientHeight-1)); 
} 
</style> 
<![endif]--> 

转载自:http://www.9958.pw/post/css_position_fixed

© 著作权归作者所有

共有 人打赏支持
rin9958
粉丝 9
博文 113
码字总数 54109
作品 0
程序员
DIV+CSS解决IE6,IE7,IE8,FF兼容问题

1.IE8下兼容问题,这个最好处理,转化成IE7兼容就可以。在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了: 1. <metahttp-equivmetahttp-equiv="x-ua-compatible"content="I...

罪恶的花生
2012/05/06
0
0
div+css 布局下兼容IE6 IE7 FF常见问题

div+css 布局下兼容IE6 IE7 FF常见问题 收藏 所有浏览器 通用 (市面上主要用到的IE6 IE7 FF) height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100p...

晨曦之光
2012/03/09
0
0
IE6,IE7 Firefox 兼容问题

关于ie6、ie7和ff浏览器兼容 网友评论 0 条 转载到博客 2009-1-8 16:11:23 来源: 本站整理 顶一下 这些方法都是我平时用到时在网上找到收藏下来的呵呵,我提前声明一下免得误会! 一、CSS H...

vga
2014/06/23
0
1
CSS完美兼容IE6/IE7/FF的通用方法

CSS完美兼容IE6/IE7/FF的通用方法 一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1、 !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明...

羊皮卷
08/08
0
0
JavaScript 仿LightBox内容显示效果

近来要做一个LightBox的效果(也有的叫Windows关机效果),不过不用那么复杂,能显示一个内容框就行了。 这个效果很久以前就做过,无非就是一个覆盖全屏的层,加一个内容显示的层。不过showb...

青夜之衫
2017/12/05
0
0

没有更多内容

加载失败,请刷新页面

加载更多

你为什么在Redis里读到了本应过期的数据

一个事故的故事 晚上睡的正香突然被电话吵醒,对面是开发焦急的声音:我们的程序在访问redis的时候读到了本应过期的key导致整个业务逻辑出了问题,需要马上解决。 看到这里你可能会想:这是不...

IT--小哥
今天
2
0
祝大家节日快乐,阖家幸福! centos GnuTLS 漏洞

yum update -y gnutls 修复了GnuTLS 漏洞。更新到最新 gnutls.x86_64 0:2.12.23-22.el6 版本

yizhichao
昨天
5
0
Scrapy 1.5.0之选择器

构造选择器 Scrapy选择器是通过文本(Text)或 TextResponse 对象构造的 Selector 类的实例。 它根据输入类型自动选择最佳的解析规则(XML vs HTML): >>> from scrapy.selector import Sele...

Eappo_Geng
昨天
4
0
Windows下Git多账号配置,同一电脑多个ssh-key的管理

Windows下Git多账号配置,同一电脑多个ssh-key的管理   这一篇文章是对上一篇文章《Git-TortoiseGit完整配置流程》的拓展,所以需要对上一篇文章有所了解,当然直接往下看也可以,其中也有...

morpheusWB
昨天
5
0
中秋快乐!!!

HiBlock
昨天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部