`
redloves
  • 浏览: 21588 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

IE6 fixed BUG解决方法

阅读更多
/* 修正IE6振动bug */
* html,* html body{
	background-image:url(about:blank);
	background-attachment:fixed;
}
/* IE6 头部固定 */
* html .fixed-top{
	position:absolute;
	bottom:auto;
	top:expression(eval(document.documentElement.scrollTop));
}
/* IE6 右侧固定 */ 
* html .fixed-right{
	position:absolute;
	right:auto;
	left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));
}
/* IE6 底部固定  */
* html .fixed-bottom{
	position:absolute;
	bottom:auto;
	top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
/* IE6 左侧固定 */
* html .fixed-left{
	position:absolute;
	right:auto;
	left:expression(eval(document.documentElement.scrollLeft));
}
 
分享到:
评论

相关推荐

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

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

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

    总的来说,解决IE6的"fixed"定位bug需要结合CSS的hack和JavaScript,以模拟现代浏览器中的"fixed"定位行为。虽然这种方法可以达到预期效果,但同时也增加了代码的复杂性和可能的性能问题。在现代浏览器广泛使用的...

    ie6下定位bug解决

    在其他现代浏览器中,CSS的`position`属性如`relative`、`absolute`和`fixed`能很好地实现元素的定位,但在IE6中,这些属性的处理方式却大不相同,导致开发者需要进行特殊的“hack”来解决这些问题。 首先,IE6不...

    IE6特有bug兼容性问题整理

    ### IE6特有bug兼容性问题整理 #### 1. 浮动(float)与相邻非浮动元素的表现差异 - **问题描述**: 在不同浏览器中,对于`float`元素和相邻非`float`元素的处理方式存在差异。具体表现为,在IE6中,当一个元素设置...

    IE6 fixed的完美解决方案

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

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

    总的来说,解决IE6不支持`position:fixed`的bug需要开发者具备深厚的前端知识,包括CSS兼容性、CSS Hack以及对JavaScript表达式的理解。同时,也需要权衡性能与兼容性的关系,适时地做出技术决策,以适应不断变化的...

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

    【IE6 position:fixed bug (固定窗口方法)】 在Web开发中,IE6浏览器常常给开发者带来诸多挑战,其中一个问题就是对于CSS中的`position:fixed`属性的支持。`position:fixed`通常用于创建一个固定定位的元素,使其在...

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

    首先,让我们分析一下 IE6 中的 `position:fixed` bug。在标准浏览器中,设置 `position:fixed` 可以使元素相对于浏览器窗口定位,但在 IE6 中,这个属性会失效,导致元素的行为更像是 `position:absolute`,即相...

    解决ie6的定位问题 position fiexed

    为了解决这个问题,我们需要一种兼容IE6的方法来模拟`position: fixed;`的效果。 #### 解决方案 为了克服IE6中的这一限制,可以采用以下策略: 1. **使用条件注释**:首先,利用HTML中的条件注释来为目标浏览器...

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

    需要注意的是,这些方法仅适用于IE6,对于其他版本的IE或者现代浏览器,可以直接使用 `position:fixed`。在实际开发中,考虑到跨浏览器兼容性和性能,通常会结合使用条件注释、Modernizr等工具,或者使用库如jQuery...

    CSS常见Bug及其修正方法

    以上列举了一些常见的CSS Bug以及相应的解决方案,希望能帮助前端开发者在遇到这些问题时能够迅速找到解决方法。此外,了解CSS的工作原理和各种兼容性问题是提高前端开发效率的关键。不断学习新的技术和技巧,将有助...

    Jquery fixed插件兼容所有浏览器

    在使用传统的CSS fixed定位时,IE6往往会存在一些显示上的bug,例如元素在滚动时可能出现抖动或位置不准确的现象。jQuery fixed插件通过JavaScript实现了更稳定的固定定位效果,避免了这些问题,确保了用户体验的...

    IE又一个让人吐血的BUG: 关于 table的position 和 select

    通常,这类bug的解决方法可能包括: 1. **避免直接对表格应用定位**:由于IE对表格元素的处理方式与其他元素不同,开发者可能需要避免直接对`<table>`应用`position`属性,而是使用`<div>`或其他容器元素进行定位。...

    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]>

Global site tag (gtag.js) - Google Analytics