`
ava_chc2000
  • 浏览: 75502 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

position:fixed 兼容ie6问题

 
阅读更多

最近做项目时用了

<div style="position:fixed !important;bottom:0;position:absolute;bottom:expression(offsetParent.scrollTop+20)" id="sure"> <input type="submit" value="提交" onclick="return check()" /> </div>

 

 

 



来固定div在页面的最下方,且不随滚动条滚动而滚动。

由于ie6不支持fixed,所以加了 postion:absolute;bottom:expression(offsetParent.scrollTop+20)来做兼容,

此段代码在测试页面IE 6 8都没问题,但是在项目里在IE7里运行却报“缺少对象”,去掉bottom:expression(offsetParent.scrollTop+20)就不报错了。
不知道有没有人遇到过这样的情况....

 

能分享一下更好,本人虚心请教。

 

分享到:
评论

相关推荐

    javascript ie6兼容position:fixed实现思路

    positon:fixed 让HTML元素脱离文档流固定在浏览器的某个位置 网页中经常会有浮动的导航条会用到这种定位模式,但是ie6下并不兼容这种定位 浮动导航条的样式,重要的是position:fixed;bottom:60px;(浮动导航底部距离...

    JS 滚动事件[removed]与position:fixed写兼容IE6的回到顶部组件

    现在网上的回到顶部组件,懂不懂就一大段让人看不懂javascript代码,还各种不兼容。起始这个组件,完全可以自己利用javascript的滚动事件[removed]与...IE6: IE8: FireFox: 首先是HTML+CSS的布局,在页面

    IE6中的position:fixed定位兼容性写法分享

    非IE6下的写法大家一般都清楚如何写;...}/* IE6 头部固定 */html .fixed-top{position:absolute;bottom:auto;top:[removed]eval&#40;document.documentElement.scrollTop&#41;);}/* IE6 右侧固定 */html .fixed-r

    IE6不兼容position:fixed属性的解决办法分享

    及上下两边,共四种位置的固定,与以往的教程不同的地方是,它使用CSS表达式来兼容IE5、IE6,且避免了js模拟时,拖动滚动条时出现抖动的问题,另外在IE5或者怪癖模式下也完全正常,没有任何问题。如果你有更好的方案...

    position_fixed

    position_fixed 完美兼容IE6

    ie6 position:fixed解决方案

    当前主流浏览器中,chrome,firefox,ie7,8等想要固定一个元素位置,不随内容的滚动而滚动,众所周知,css中position: fixed;即可解决。

    position:sticky用法介绍及浏览器兼容性

    position:sticky用法 position:sticky是一个新的css3属性,它的表现类似position:relative和position:fixed的合体,在目标区域在屏幕中可见时,它的行为就像position:relative; 而当页面滚动超出目标区域时,它的...

    CSS表达式(expression)解决IE6 position:fixed无效问题

    IE6 position:fixed无效在做兼容时,很是头疼,本例通过一条Internet Explorer的CSS表达式(expression)来完美的实现ie6下position:fixed效果,有需要的朋友可以参考下

    js完美解决IE6不支持position:fixed的bug

    关于IE6,虽然它已被微软抛弃很久了,但是由于大天朝的特殊行情(盗版)对于前端工程师来说,解决IE6兼容position:fixed的问题显得很重要。特别是你需要用到头尾悬停调用的时候

    浏览器兼容性问题简介

    CSS兼容性height/width, position:fixed, …脚本问题:Java script 兼容性DOM, Date.getYear, scrollTop, …缺陷(bug)与特性(feature)IE: 盒模型,float,text-alignIE: filter, 资源太大,传百度网盘了...

    解决IE6、IE7、Firefox兼容比较简单的CSS Hack

    第一排给Firefox以及其他浏览器看 第二排给IE7(可能以后的IE8、IE9也是如此,谁知道呢)看 第三排给IE6以及更老的版本看 最好的应用就是可以让IE6也“支持”position:fixed,而且,配合这个原理,可以做到不引入...

    ie6 position-fixed效果

    1、参与测试的浏览器:IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 ... 但ie6总不支持它,所以用其他的属性来模拟(这个模拟在主流浏览器中都兼容,所以其他浏览器也不需要分开写position:fixed了)。 看效果先:[h

    css兼容IE678的底部固定浮动层

    用css实现div固定在屏幕底部,不随垂直滚动条接动而闪动,很好的实现在ie下的浮动效果,IE6 position:fixed

    JQuery固定定位插件(兼容所有浏览器,包括IE6)

    当用户向上或向下滚动页面到一定位置时,目标元素开始固定定位(position:fixed),当回滚到原位置时目标元素恢复到原状态,可以定制触发滚动相对屏幕位置和触发滚动方向,兼容IE6。

    基于jquery的返回顶部效果(兼容IE6)

    最近在写一个首页返回顶部的效果,因为IE6不兼容position:fixed的原因,一直找不到好的解决办法。在Google了一下,有了点眉目,加上一点自己的开发,总算误打误撞的把问题解决了。

    固定位置显示弹出层(兼容IE6,IE8,FF)

    css样式: 复制代码代码如下: &lt;style type=”text/css”&gt; body{_background-... position:fixed; _position:absolute; bottom:0;_top:[removed]documentElement.scrollTop+document.documentElement.clie

Global site tag (gtag.js) - Google Analytics