`
ceco
  • 浏览: 5964 次
  • 性别: Icon_minigender_1
  • 来自: 茂名
最近访客 更多访客>>
社区版块
存档分类
最新评论

IE6 Fixed Position Fix

    博客分类:
  • CSS
阅读更多
让ie6模拟fixed
http://snipplr.com/view/2952/ie6-fixed-position-fix/
* { margin:0; padding:0; }
html, body {
    height: 100%;
    overflow:auto;
}
body #fixedElement {
    position:fixed !important;
    position: absolute; /*ie6 and above*/
    bottom: 0;
}

分享到:
评论

相关推荐

    IE6实现position:fixed bug (固定窗口方法)的实例

    这个内容是老生常谈了,主要问题就是IE6不支持 position:fixed 引起的BUG.当我们去搜索解决这个bug的垮浏览器解决办法时,绝大多数结果都是说使用 position:absolute 来替代解决,可是我们真的解决了么?没有,因为当页面...

    javascript ie6兼容position:fixed实现思路

    positon:fixed 让HTML元素脱离文档流固定在浏览器的某个位置 网页中经常会有...} ie6下positon:fixed不起作用,只能靠js来实现了,首先在ie6下需要将position设置为absolute 代码如下: position:fixed;bottom:60px;_po

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

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

    ie6 position:fixed解决方案

    可是要在IE6中实现固定效果,position: fixed;就不奏效了。 目前我所知的ie6下fixed的方案大概有纯css和expression+js两种,各有利弊。 1.纯css法 利用了ie6下html元素外面套的一个匿名元素,即 * ,利用选择器层级...

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

    position: fixed;这个属性用起来确实很方便,可以轻松的实现固定位置的浮动层效果。但是,它不支持IE6及以下版本。于是很多同学使用JS模拟。今天写了一个DEMO,涉及左侧、右侧。及上下两边,共四种位置的固定,与...

    IE6 fixed的完美解决方案

    } 这个方法有一个bug未解决:在IE6下会把所有position:absolute都变成“浮动”的元素;还有使用js方法滚动滚动条时会出现对象闪烁,如下方法结合了CSS和js的办法,解决了以上的问题。 代码如下: <!DOCTYPE ...

    IE6下position fixed失效的解决方法(亲测有效)

    –[if IE 6]> [removed] (function($) { jQuery.fn.Fixed = function(options) { var defaults = { x:0, y:0 }; var o = jQuery.extend(defaults, options); var isIe6 = !window.XMLHttpRequest; var html= $(...

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

    IE6的兼容性问题主要出现在position:fixed上面,如何解决已经在《【CSS】IE6中的position:fixed问题与随滚动条滚动的效果》(点击打开链接)介绍过了。 下面具体说说如何利用JavaScript中的滚动事件[removed]实现...

    IE6 position:fixed bug (固定窗口方法)

    正确的代码:预览/Demo | ie6_position_fixed_bug.txt(源代码) <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <...

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

    IE6 position:fixed bug</title> <style> *{padding:0;margin:0} p{height:2000px} #gs{border:1px solid #000;position:fixed;right:30px;top:120px} </style> <!--[if IE 6]> <style type...

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

    IE6 position:fixed bug</title> <style> *{padding:0;margin:0} p{height:2000px} #gs{border:1px solid #000;position:fixed;right:30px;top:120px} </style> <!–[if IE 6]>

    解决IE6下Position:fixed问题

    设置它的滚动属性为fixed。 3).用IE特有的e­xpression方法计算出元素的top,left,right,bottom的量。  <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...

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

    IE6 position:fixed bug</title> <style> *{padding:0;margin:0} p{height:2000px} #gs{border:1px solid #000;position:fixed;right:30px;top:120px} </style> <!–[if IE 6]>

    ie6下实现position:fixed效果实例介绍

    由于IE6并不支持position:fixed,所以导致很多好的效果都无法实现,但是在IE6下并不是不能够实现,下面就通过一段实例介绍一下如何实现此种效果。代码实例如下: 复制代码代码如下: <!DOCTYPE html PUBLIC “-//...

    ie6 fixed bug的解决方法 (css+js)

    复制代码代码如下: #fixed { position: absolute; top: 0; left: 0; width: 10em; height: 100%; } body > #fixed { position: fixed; } #content { margin-left: 10em; background:red; height:800px; } 利用css...

    IE6浏览器不支持固定定位(position:fixed)解决方案

    今天在学习的时候,突然发现在IE6浏览器下,position:fixed不管用了: 复制代码代码如下: <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”> <...

    css3 position fixed固定居中问题解决方案

    一般我们会添加position:fixed,如下: 复制代码代码如下: #element{ position:fixed; margin:0 auto; } 但是这样做的结果就是,元素不居中了。这说明fixed使对象脱离了正常文档流。 解决方案: 复制代码代码...

    IE7下当position:fixed遇到text-align:center的解决方法

    啥也不说,先看代码: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML ...<... <head>...IE7下当position:relative遇到text-align:center</title> <meta http-equiv=”Content-Type” content=”text/html

    fixedBox固定div漂浮代码支持ie6以上大部分主流浏览器

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <... <head> <... charset=utf-8" />...script id="xcore" type="text/jav

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -Grid中TemplateField生成到页面中控件具有唯一ID,例如Grid1_ct5_Label2,Grid1_ct6_Label2(feedback:geruger)。 +2009-09-27 v2.1.2 -为Tree控件增加GetExpandAllNodesReference和...

Global site tag (gtag.js) - Google Analytics