《
完美解决IE6不支持position fixed》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302341192013.htm
下面附上完全代码
* html .ie6fixedTLposition:absolute;left:expression(eval(document.documentElement.scrollLeft));top:expression(eval(document.documentElement.scrollTop))
view sourceprint?
<!DOCTYPE html>
<div id="rightform">
* html .ie6fixedBR0)-(parseInt(this.currentStyle.marginBottom,10)
上面代码能够直接使用了，假如要设置元素悬浮边距，要分辨为设置两次，比方我要让某个元素距顶部10个像素，距左部也是10个像素，那就要这样子写：
bodyheight:100%;overflow:auto
在先容之前，咱们先看一下下面这段代码：
<p>11111111111111111</p>
/* IE6浏览器的特有方法 */
<head>
#gsborder:1px solid #000;position:fixed;right:30px;top:120px
</div>
.ie6fixedTLposition:fixed;left:10px;top:10px ,完美解决CSS网页水平居中;
解决此问题的技能就是应用background-attachment:fixed为body或html元素增加一个background-image。这就会强迫页面在重画之前先处理CSS。由于是在重画之前处置CSS，它也就会同样在重画之前首先处理你的CSS表白式。这将让你实现完善的平滑的固定地位元素,完美兼容ie6,ie7,ie8以及firefox的css透明滤镜！
而后我发现background-image无需一张实在的图片，设置成about:blank就行了。
* html .ie6fixedTLposition:absolute;left:expression(eval(document.documentElement.scrollLeft));top:expression(eval(document.documentElement.scrollTop))
* html .ie6fixedBR0));top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)
Tag： IE6 IE6
.ie6fixedTLposition:fixed;left:0;top:0
/* 修改IE6振动bug */
于是我找了下材料，发明可以通过一条Internet Explorer的CSS表达式(expression)来完美的实现ie6下position:fixed效果，css代码如下：
*padding:0;margin:0
<title>IE6 position:fixed bug</title>
view sourceprint?
IE有一个多步的渲染过程。当你转动或调整你的浏览器大小的时候，它将重置所有内容并重画页面，这个时候它就会从新处理css抒发式。这会引起一个丑恶的“振动”bug，在此处固定位置的元素须要调剂以跟上你的(页面的)滚动，于是就会“跳动”。
<style type=",完全CSS下拉菜单，只用CSS，纯CSS构筑！;text/css">
<!--[if IE 6]>
* html .ie6fixedTLposition:absolute,安全可视化普及系列一：你的网站安全吗;left:expression(eval(document.documentElement.scrollLeft+10));top:expression(eval(document.documentElement.scrollTop+10))
这样一来，IE6下实现position:fixed的效果解决了，而且也不会影响到其余的absolute、relation，但还有一个问题，就是悬浮的元素会呈现振动
--> [
网站建设之]完美解决IE6不支撑position:fixed
</style>
view sourceprint?
/* 除IE6阅读器的通用方式 */
pheight:2000px
<![endif]-->
<style>
.ie6fixedBRposition:fixed;right:0;bottom:0
</head>
<body>
.ie6fixedBRposition:fixed;right:0;bottom:0
</html>
以上这段代码在网上很常见，通过设置htmloverflow:hidden跟bodyheight:100%;overflow:auto来实现ie6下position:fixed后果，但这种措施有个缺点，那就是：这会使页面上原有的absolute、relation都变成fixed的效果，在这里我就不做demo了，如果有猜忌，可以本人去实验一下。
</style>
</body>
* html,* html bodybackground-image:url(about:blank);background-attachment:fixed
#gsposition:absolute
view sourceprint?/* 除IE6浏览器的通用方法 */
.ie6fixedTLposition:fixed;left:0;top:0
htmloverflow:hidden
/* IE6浏览器的特有方法 */
<html>
view sourceprint?
/* 除IE6浏览器的通用办法 */
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
/* IE6浏览器的特有方法 */
<input id="gs" name="gs" type="text" value="" />
(责任编辑：网站建设)
完美解决IE6不支持position fixed相关文章