<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<style>
#indicator {
position: absolute; left: 0px; top: 0px;
}
body>div#indicator {
position: fixed;
}
#indicator {
background-color:yellow;
color:red;
padding: 2px 2px 2px 2px;
left: expression( (johndoe2 = document.documentElement.scrollLeft ?
document.documentElement.scrollLeft : document.body.scrollLeft ) + 'px' );
top: expression( (johndoe1 = document.documentElement.scrollTop ?
document.documentElement.scrollTop : document.body.scrollTop ) + 'px' );
}
</style>
</head>
<body>
<div id="indicator">
<span>loading
</span>
</div>
</body>
</html
世界如果没有IE该多美好啊...
最近想在过去的程序里加些AJAX的东西，为了让界面更友好，加上一个gmail那样的提示条固定在当前可视页面的左上角。可惜的IE 7以下的版本并不支持 position:fixed属性导致不得不用css hack的方式实现，google了以下找到一个不用js相对洁净的实现。
实现的方式：
1.用子对象选择符隔离IE 5,6
2.用expression来计算位置，此时又做了一次hack，因为如果不赋值给一个变量（johndoe1,johndoe2），expression在IE里面仍然得不到正确的值...
分享到：
相关推荐
这个内容是老生常谈了,主要问题就是IE6不支持 position:fixed 引起的BUG.当我们去搜索解决这个bug的垮浏览器解决办法时,绝大多数结果都是说使用 position:absolute 来替代解决,可是我们真的解决了么?没有,因为当页面...
这篇博客“IE6下的纯CSS完美position:fixed实现”可能介绍了一种通过CSS技巧或JavaScript工作来模拟`position: fixed`的方法。 尽管描述为空，我们可以推测博主可能探讨了以下几种常见策略： 1. **表达式...
然而，IE6并不完全支持`position:fixed`。在IE6中，元素可能会被错误地相对于其父元素定位，而不是相对于视口。为了解决这个问题，开发者通常会采用一些特殊的CSS hack技术。这些hack包括但不限于： 1. **...
本文将介绍一种更优雅、资源效率更高的方法来解决IE6对`position:fixed`的支持问题，这种方法是通过条件注释和CSS表达式来实现的。 首先，我们可以使用HTML的条件注释（Conditional Comments）来针对IE6加载特定的...
position:fixed;实现底层页面不跟随浮层模块滚动
“IE 6实现position:fixed;”这部分提到的是针对旧版Internet Explorer（尤其是版本6）的兼容性问题。由于IE6不完全支持CSS的`position: fixed`，开发者通常需要使用JavaScript库如jQuery或特定的CSS hack来模拟固定...
描述中提到的"完美兼容IE6"是一个挑战，因为IE6对CSS标准的支持并不完全，尤其是对于`position: fixed;`的处理存在一些问题。在其他现代浏览器中，`position: fixed;`工作得相当好，但在IE6中，需要采用一些特殊的...
iOS 中 position:fixed 吸底时的滑动出现抖动的解决方案 iOS 中 position:fixed 吸底时的滑动出现抖动是前端开发中常见的问题之一。这个问题的出现主要是由于 native 和 h5 两个原因引起的抖动。native 的抖动是...
本篇文章主要探讨了如何利用CSS属性position:fixed来实现DIV的绝对居中。 首先，了解position:fixed属性的作用是关键。position:fixed表示元素相对于浏览器窗口进行定位，这意味着无论页面如何滚动，元素都将保持在...
其中一个典型的问题是IE6不支持CSS中的`position:fixed`属性，这个属性允许元素在页面滚动时保持其在屏幕上的位置，常用于创建导航栏或页脚等固定位置的元素。 `position:fixed`在其他现代浏览器中工作良好，但在IE...
这个例子中的技巧在于，通过媒体查询和 IE 特有的 CSS 规则，让在支持 `position: fixed` 的浏览器中正常工作，同时在不支持的浏览器中采用备选方案，确保了在大多数浏览器中都有良好的用户体验。 总的来说，`...
本文将详细介绍如何解决 IE6 不支持 `position:fixed` 的问题，并提供一种完美的解决方案。 首先，让我们分析一下 IE6 中的 `position:fixed` bug。在标准浏览器中，设置 `position:fixed` 可以使元素相对于浏览器...
然而，不幸的是，Internet Explorer 6 (IE6) 并不支持 `position:fixed`，这就给开发者带来了兼容性问题。 为了解决IE6中的这个问题，通常需要借助JavaScript来模拟 `position:fixed` 的效果。以下是一个实现兼容性...
### 解决IE6中的定位问题：Position Fixed 在早期的Web开发中，Internet Explorer 6（简称IE6）因其浏览器兼容性问题而臭名昭著。其中一个常见的问题是`position: fixed;`属性在IE6中不起作用。这使得开发者很难...
然而，在Internet Explorer 6 (IE6)这个古老的浏览器中，`position: fixed;`并不完全按照预期工作，存在一些兼容性问题。这个问题困扰了开发者很多年，因为它限制了网页在IE6上的设计灵活性。 为了解决IE6中的`...
在微信小程序开发中，`position:sticky` 是一个非常实用的CSS样式，它结合了`position:relative`和`position:fixed`的特点，用于创建元素的粘性定位。这个特性允许元素在滚动到特定位置时固定在屏幕的某个位置，从而...
但在IE6中，由于缺乏对position: fixed的支持，开发者不得不采取一些变通的方法来实现类似效果。 从给定文件中提供的内容来看，问题的核心在于如何在IE6中模拟position: fixed的行为，尤其是在滚动时元素仍然能够...
在网页设计中，CSS的`position:fixed`属性通常用于创建元素的固定定位，使得元素在页面滚动时始终保持在屏幕的某个位置。然而，当页面存在水平滚动条时，`position:fixed`元素仅能实现垂直方向的固定，而无法实现...
ie6对position:fixed不支持，网上有很多解决方法，有的在ie6,ie7上调试成功后，在ie8上又不好使，div层还是跟随滚动条浮 动；以下总结方法，在ie6,ie7,ie8上都调试成功，且页面滚动条滚动时，效果还挺好，div层并...