当前位置:首页 > 日记 > 正文

js是IE6不支持的位置,一个完美的解决方案:固定的bug

js是IE6不支持的位置,一个完美的解决方案:固定的bug
首先看段代码

IE6的位置:固定的错误

{填充:0;边距:0 }
P {身高:2000px }
# GS { border: 1px solid # 000;位置:固定;右:30px;顶部:120px }
html {溢出:隐藏}
身体{高度:100%;溢出:自动}
# GS { }:绝对位置
一万一千一百一十一万亿、一千一百一十亿零一百、一千一百一十一万一千零一和十一

上面的代码是很常见的在互联网上,通过设置html { }和{溢出:隐藏身体高度:100%;溢出:汽车} IE6的位置:固定实现的结果,但这种方法,是一种缺陷:它将使原来的绝对关系页为固定效应,我不在这里演示,如果有任何疑问,你可以去试。

所以我找的资料,发现Internet Explorer的CSS表达式(expression)可以用来实现位置:固定效应在IE6完全。CSS代码如下所示:
除了一般的方法对IE6浏览器 / * * /
。ie6fixedtl {位置:固定;左:0;最高:0 }
。ie6fixedbr {位置:固定;右:0;下:0 }
独特的方法对IE6浏览器 / * * /
* HTML。ie6fixedtl {位置:绝对;左:表达(eval(文档。文档元素}。scrollLeft));顶部:表达(eval(文档。文档元素}。scrollTop))}。
HTML *。ie6fixedbr {位置:绝对;左:表达(eval(文档。文档元素}。scrollLeft +文档。文档元素}。clientwidth这。offsetwidth)-(parseInt(this.currentstyle.marginleft,10)-(0 | | parseInt()this.currentstyle.marginright,10);顶部:表达(| | eval(0)文档。文档元素}。scrollTop +文档。文档元素}。自己的本。offsetheight -)(parseInt(this.currentstyle.margintop,10)-(0 | | parseInt()this.currentstyle.marginbottom,10)| | 0)))}
以上代码可以直接使用,如果要设置悬浮元素的边距设置为2倍,例如,我想使一个元素从顶部的10个像素从左边是10像素,应该是这样写的:
除了一般的方法对IE6浏览器 / * * /
。ie6fixedtl {位置:固定;左:10px;顶部:10px }
独特的方法对IE6浏览器 / * * /
* HTML。ie6fixedtl {位置:绝对;左:表达(eval(文档。文档元素}。scrollLeft + 10));顶部:表达(eval(文档。文档元素}。scrollTop + 10))}。
这样,定位的效果:固定在IE6的问题解决了,也不会影响其他的或绝对的关系,但是还有一个问题,那就是,悬挂单元会震动。

IE有一个多步骤的绘制过程。当你滚动或调整你的浏览器的大小,它将重置所有内容和重绘页面,这一次它将重新处理CSS的表达。这使一个丑陋的振动的BUG,在固定的元素在这里需要调整跟上你(页)滚动,然后它将打败。

要解决这个问题是使用背景附件:固定添加背景图像对身体或HTML元素。这将迫使网页CSS之前重新粉刷。因为它是处理CSS之前将重新划分,同时在第一处理CSS重绘你的表达。这会让你实现一个完美的平滑的固定位置的元素!

然后我发现背景图像不需要一个真实的图片,并将其设置为:空白。

完整的代码附在下面。
除了一般的方法对IE6浏览器 / * * /
。ie6fixedtl {位置:固定;左:0;最高:0 }
。ie6fixedbr {位置:固定;右:0;下:0 }
独特的方法对IE6浏览器 / * * /
修正bug IE6 / * * /振动
* HTML,* HTML正文*背景图片:URL(关于:空白);背景附件:固定}
* HTML。ie6fixedtl {位置:绝对;左:表达(eval(文档。文档元素}。scrollLeft));顶部:表达(eval(文档。文档元素}。scrollTop))}。
HTML *。ie6fixedbr {位置:绝对;左:表达(eval(文档。文档元素}。scrollLeft +文档。文档元素}。clientwidth这。offsetwidth)-(parseInt(this.currentstyle.marginleft,10)-(0 | | parseInt()this.currentstyle.marginright,10);顶部:表达(| | eval(0)文档。文档元素}。scrollTop +文档。文档元素}。自己的本。offsetheight -)(parseInt(this.currentstyle.margintop,10)-(0 | | parseInt()this.currentstyle.marginbottom,10)| | 0)))}
以上是本文的全部内容,希望大家能喜欢。

相关文章

如何将网页转换成word文档

如何将网页转换成word文档

文档,网页,转换成,如何将,电脑软件,看完照片后 步骤/方法 1,保存在浏览器的网页,访问目标页面,执行菜单文件,具有另存为;;;文件类型选择网页,全部; 2、用WPS文字打开HTML文件执行文件;具有开放;;;;文件类型选择Web文件或所有文件;打开刚刚保存的文件只是现…

QQ已经登录,没有任何提示。

QQ已经登录,没有任何提示。

提示,登录,没有任何,电脑软件,QQ,如果QQ出现在QQ2010 / 2011版本的使用,建议逐步删除以下三个文件夹。删除三个文件不会影响聊天记录,但可能设置会恢复到默认值。 1、数registry.db文件夹下 2、数info.db文件夹下 3、registry.db QQ号码文件…

PS图象处理软件快速实现不同角度的

PS图象处理软件快速实现不同角度的

方法,图象,处理软件,角度,两个,有时在同一个地方有两个不同的角度。它们相当不错。如果你能拼在一起,你的视野会更好。我们怎么把这两幅画结合起来呢下面介绍两图的不同角度与PS图象处理软件对接的方法,它可以被朋友。 提供实习材料: 最终效果…

一个男人、一个女人和一对漂亮夫妇

一个男人、一个女人和一对漂亮夫妇

一个男人,一个女人,夫妇,漂亮,电脑软件,爸爸是超人。不要及时打败他。 妈妈是个美人,你几年都不会伤害她了。 你走出石头,我滚出布,你输了,陪着我一辈子 你走出剪刀,我滚出布,我输了,陪你一辈子 寂寞的时候,思念一个人,什么都没有。 当一个人忙碌时,…

甜蜜爱人的签名

甜蜜爱人的签名

爱人,甜蜜,电脑软件,我们的朋友,你依靠我的习惯。 我们Xiangyixiangwei,过去依赖你。 我想所谓的幸福,已经失去了。 我想所谓的甜蜜,已经堕落了。 你是我心中的痛,总能给我最感动。 你是我心碎的人,总能给我最舒服的感觉。 我会一直,即使一切都是…

如何检索QQ邮箱独立密码

如何检索QQ邮箱独立密码

密码,检索,独立,邮箱,电脑软件,如何检索QQ邮箱独立密码 很多朋友会为QQ邮箱设置一个独立的密码,以保证邮箱的安全。但不使用QQ邮箱的孩子往往忘记了QQ邮箱的独立密码。那么如何检索QQ邮箱的独立密码呢 1、先登录QQ安全中心,然后点击密码=密码…

用ps层代替蜻蜓背景

用ps层代替蜻蜓背景

蜻蜓,背景,电脑软件,ps,本教程是介绍给朋友的,用ps层来代替蜻蜓的背景方法。这个教程有点难。适合于有PS基础的朋友。我想推荐它。让我们一起学习。 PS抠图知识点的学习者将学习PS,所以今天小编推荐使用PS层代替蜻蜓背景教程有点难,但是很好,让…

PHP共享多维数组排序函数共享指定

PHP共享多维数组排序函数共享指定

函数,字段,数组排序,多维,电脑软件,PHP数组排序可以通过array_multisort方法实现的,但如果它是一个多维数组,我们需要在数组排序指定一个字段,那么我们需要把它写出来的。这篇文章对多维数组的排序方法对PHP指定的字段,可以根据场数组排序代码…

2015滑稽有趣的个性签名

2015滑稽有趣的个性签名

滑稽,个性签名,有趣,电脑软件,世界上最短的时间就是长假。 车祸,要么死亡,要么失去记忆。 眼睛是心灵的窗户,眼袋是心灵的窗户。 不是老师说你不能扔垃圾,否则你会早早地把你扔出去。 认识你我无怨无悔,爱上你也无怨无悔。 写作业很难,而且作业很…

2015清明节个性QQ签名

2015清明节个性QQ签名

清明节,个性,电脑软件,QQ,清明节让这对夫妇有机会在家见面。 今年的清明节和复活节在同一天,被称为梦节。 一个大活人只能指望清明节,即使我想休假。 清明节要回小学和清明,因为它埋葬了你的青春。 最后,我知道为什么是四月愚人节,然后是清明节…

烟花制作卷轴动画效果

烟花制作卷轴动画效果

动画效果,卷轴,烟花,电脑软件,本教程是向你介绍的效果,使卷轴动画烟花。制作教程的方法非常简单。卷轴动画制作精美,转发,希望能帮助你。 本教程是向你介绍的效果,使卷轴动画烟花。制作教程的方法非常简单。卷轴动画制作非常漂亮,它被转发,希望能…

令人捧腹的搞笑个性签名

令人捧腹的搞笑个性签名

令人捧腹,个性签名,搞笑,电脑软件,用最鼓舞人心的话说走-不要吃太胖哦,会被杀的。 你认为你喜欢像你这样的人,而你通常是自恋的。 抱着冰淇淋,吃棒棒糖,哼着小曲子,坐在费里斯的车轮。 世界上最遥远的距离是你在澳大利亚的家,我在家粥。 有些人依…