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

IE固定定位

阅读更多
等到皮匠网推广的时候一定要写上推荐使用firefox,IE实在有太多的怪问题了,还缺少一些重要的特性。

今天就遇到一个:

常常能看到一些网站,某些内容是固定显示在浏览器的某个位置,非常适合显示辅助用户的提示信息。今天研究了一下这个问题,发现其实很容易,CSS的 position设置为fixed就可以,困难的在于──IE 6不支持这个特性,结果非要绕个弯子实现,不但开发麻烦,而且最后的效果也远不如firefox之类的专业浏览器(在这个问题上,IE 6只能算是业余水平,好在IE 7改正了这个错误)。

最后搞了一个全兼容的方案,虽然不太好看,好歹能用。

我把例子放在附件中,下载到本地用IE 6 和 firefox 打开看看就知道区别了。
分享到:
评论

相关推荐

    ie6下实现固定定位.html

    在ie6下实现固定定位,在各个位置实现固定定位。

    浮动里的绝对定位元素在IE下被遮挡的解决方法

    标题“浮动里的绝对定位元素在IE下被遮挡的解决方法”指向的就是一个典型的问题,即在IE浏览器中,绝对定位的元素可能会被其他浮动元素遮挡。这个问题在其他现代浏览器中可能不存在,但对那些还需要支持IE的开发者来...

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

    "JQuery固定定位插件"解决了这个问题,它使得开发者能够轻松实现跨浏览器,包括对老旧的IE6的支持,来创建具有固定定位效果的元素。这个插件的核心功能在于模拟`position:fixed`的CSS属性,因为IE6并不原生支持这一...

    完美解决IE6浏览器下不兼容positionfixed固定定位问题.txt

    决IE6浏览器下不兼容positionfixed固定定位问题

    jquery固定层顶部固定层和底部固定层IE6不抖动

    标题“jquery固定层顶部固定层和底部固定层IE6不抖动”指出的问题正是这样一个典型场景,涉及到jQuery库在IE6下处理固定定位元素时可能出现的抖动现象。 首先,我们需要理解什么是固定定位(fixed positioning)。...

    ie6下固定fix定位兼容代码

    ie6下固定fix定位兼容js,简单易懂

    解决ie6的定位问题 position fiexed

    2. **使用绝对定位替代固定定位**:对于IE6,使用`position: absolute;`代替`position: fixed;`,并通过JavaScript动态计算元素的位置。 3. **使用背景图片技巧**:通过设置`background-attachment: fixed;`来解决IE...

    HTML+JS实现固定表头和锁定左列的Demo(兼容IE,火狐,谷歌等大众浏览器)

    1. **CSS定位**:使用`position: fixed`或`position: absolute`来固定表头和列。 2. **JavaScript事件监听**:使用`addEventListener`来监听滚动事件,计算滚动距离,并相应地更新元素的样式。 3. **响应式设计**:...

    ie6下定位bug解决

    在互联网发展的早期,Internet Explorer 6 (简称IE6) 是一款广泛使用的浏览器,但随着Web技术的不断发展,它暴露出许多兼容性问题,其中定位问题尤为显著。在其他现代浏览器中,CSS的`position`属性如`relative`、`...

    一个兼容IE、Chrome和Firfox的HTML固定表头例子

    在这个示例中,它可能包含了让表头固定显示的CSS规则,例如使用定位(positioning)属性、相对或绝对定位,以及可能的媒体查询(media queries)来确保在不同屏幕尺寸下的兼容性。 2. `index.html`:这是HTML...

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

    IE6浏览器对CSS中的固定定位(position: fixed)不支持,这是一个众所周知的问题。IE6以及其他一些旧版本的浏览器,比如IE7和IE8,在文档处于怪异模式(quirk mode)时,会将position: fixed视为错误值,并将其忽略...

    IE6下fixed实现新浪微博头部定位

    本教程将深入探讨如何在IE6下实现类似新浪微博头部的固定定位效果。 首先,我们需要理解`fixed`定位的基本概念。在CSS中,`position: fixed;`可以使元素相对于浏览器窗口进行定位,无论页面滚动,该元素始终保持在...

    jQuery实现固定顶部 定位滚动导航效果代码

    当导航栏接近顶部时,可以通过此方法将其设置为固定定位,如`.css('position', 'fixed')`。 5. **条件判断(Conditional Statements)**:在回调函数中,我们需要使用`if`语句检查导航栏是否已到达或接近页面顶部。...

    CSS行为expression轻松实现IE6无抖动固定定位

    在早期的Web开发中,IE6浏览器的兼容性问题一直困扰着开发者,特别是它不支持CSS中的`position:fixed`属性,导致无法实现常见的固定定位效果。为了解决这一问题,开发者们通常会借助JavaScript来模拟固定定位。然而...

    Jquery table固定表头,固定列,全浏览器兼容

    例如,IE6-8 不支持 `position: fixed`,可以使用 `position: absolute` 并结合 `expression` 来模拟固定效果。同时,使用 jQuery 的 `.css()` 方法可以减少兼容性问题,因为它会自动处理浏览器前缀。 4. **CSS ...

    绝对定位(浮动的层),在IE6中fixed

    在IE6中,`fixed`定位通常表现为元素不固定在屏幕位置,而是随着页面滚动而移动,这与预期的行为大相径庭。解决这个问题有几种常见的方法: 1. 使用条件注释或JavaScript检测:针对IE6,可以添加特定的CSS或...

    MT8050iE安装说明书._MT8050iE安装说明书._mt8050ie说明书_

    - **固定设备**:根据说明书提供的尺寸和接口位置,选择合适的安装位置,并使用安装支架固定MT8050iE。 - **电源连接**:连接电源适配器,确保电源电压和频率与设备兼容,避免电气事故。 - **信号线连接**:连接I...

Global site tag (gtag.js) - Google Analytics