IE6不支持position：fixed属性，查找发现有几种方法可以实现该属性，但因为对js较熟悉，就用position：absolute和js来模拟ie6的fixed属性。
示例代码如下：
<style>
*{
margin:0;
padding:0;
}
#div1{
position:relative;
width:200px;
height:200px;
background-color:#666;
}
#div2{
position:fixed;
_position:absolute;
width:100px;
height:100px;
background-color:blue;
_top:0px;
_left:0px;
}
</style>
</head>
<body>
<div id="div1">
<div id="div2"></div>
</div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<script>
//ie6用position：absolute模仿position：fixed；
//-------made by keimon---------
$(function(){
$(window).scroll(function(){
var scrollT = $(document).scrollTop();
$('#div2').text(scrollT);
})
})
</script>
<!--[if IE 6 ]>
<script type="text/javascript" defer="defer" async="true">
$(function(){
$(window).scroll(function(){
var scrollT = $(document).scrollTop();
$('#div2').css('top',scrollT+'px');
})
})
</script>
<![endif]-->
</body>
相关推荐
在互联网早期，Internet Explorer 6 (IE6) 是一个广泛使用的浏览器，但它的CSS支持并不完善，特别是对于`position: fixed`属性。`position: fixed`在现代浏览器中用于创建固定定位元素，使得元素相对于视口...
然而，在Internet Explorer 6（简称IE6）这个古老且具有很多兼容性问题的浏览器中，`position:fixed`的实现并不完美，需要采用特定的“hack”技巧来实现类似的效果。 首先，我们来详细理解`position:fixed`的正常...
这段代码检测到IE6时，会在窗口滚动时通过JavaScript动态调整元素的`top`属性，模拟`position: fixed;`的效果。 同时，`position_fixed.html`文件可能是一个示例网页，展示了如何在不同浏览器中实现`position: ...
为了解决这个问题，我们需要一种兼容IE6的方法来模拟`position: fixed;`的效果。 #### 解决方案 为了克服IE6中的这一限制，可以采用以下策略： 1. **使用条件注释**：首先，利用HTML中的条件注释来为目标浏览器...
为了解决IE6中的这个问题，通常需要借助JavaScript来模拟 `position:fixed` 的效果。以下是一个实现兼容性的基本策略： 1. **初始化CSS**：首先，为IE6定义一个备用的定位方式，通常是 `position:absolute`，并使用...
及上下两边，共四种位置的固定，与以往的教程不同的地方是，它使用CSS表达式来兼容IE5、IE6，且避免了js模拟时，拖动滚动条时出现抖动的问题，另外在IE5或者怪癖模式下也完全正常，没有任何问题。如果你有更好的方案...
本文将探讨两种在 IE6 中模拟 `position: fixed;` 的方法。 1. **纯 CSS 法**： 这种方法主要依赖于 IE6 特有的 * 选择器。通过将 `* html` 作为顶层选择器，我们可以针对 IE6 应用特定的样式。首先隐藏浏览器的...
这样我们可以为IE6创建一个单独的CSS规则集，来模拟`position:fixed`的效果。 接下来，在`ie-stuff.css`文件中，我们需要编写CSS规则来处理`position:fixed`。在提供的代码中，我们看到如下规则： ```css #footer ...
由于IE6不完全支持CSS的`position: fixed`，开发者通常需要使用JavaScript库如jQuery或特定的CSS hack来模拟固定定位的效果，以确保在旧版浏览器中也能正常显示。 在这个压缩包中包含的"lightbox测试.html"文件可能...
在本文中，我们将探讨如何利用JavaScript的滚动事件`window.onscroll`以及CSS中的`position:fixed`属性来创建一个兼容IE6的“回到顶部”组件。首先，我们需要理解这两个关键概念。 `window.onscroll`事件是...
标题中的“IE6 position:fixed bug (固定窗口方法)”指的是在Internet Explorer 6浏览器中，使用CSS的`position:fixed`属性时出现的一个兼容性问题。`position:fixed`通常用于创建固定定位的元素，使其在页面滚动时...
对于其他主流浏览器，我们只需设置`position:fixed`，但为了兼容IE6，我们需要采用一些特殊技巧。 首先，`_position:absolute;`和`_top:expression(eval(document.documentElement.scrollTop));`是专门为IE6设计的...
其中，“position: fixed”就是一个典型的例子，IE6 并不支持该属性。然而，在某些情况下，我们需要让页面中的元素（如图片）无论用户如何滚动页面都保持在固定位置，这就需要我们寻找一种方法来实现这一功能，同时...
在标题和描述中提到的"IE6中的position:fixed定位兼容性写法"，实际上是一种利用JavaScript和CSS hack来模拟`position:fixed`效果的方法。下面，我们将详细探讨这些技术： 1. **HTML和CSS Hack**： 由于IE6的特性...
在网页开发中，IE6（Internet Explorer 6）的许多特性与现代浏览器存在不兼容性，其中`position:fixed`就是一个典型例子。`position:fixed`在其他浏览器中可以让元素保持在视口的固定位置，不论用户如何滚动页面，但...
其中一个典型的问题是IE6不支持CSS中的`position:fixed`属性，这个属性允许元素在页面滚动时保持其在屏幕上的位置，常用于创建导航栏或页脚等固定位置的元素。 `position:fixed`在其他现代浏览器中工作良好，但在IE...
从给定文件中提供的内容来看，问题的核心在于如何在IE6中模拟position: fixed的行为，尤其是在滚动时元素仍然能够固定在页面上。具体方法是使用position: absolute; 配合一个javascript表达式，通过计算确保元素相...
在网页开发过程中，由于历史遗留原因，Internet Explorer 6（简称IE6）存在许多与现代浏览器不兼容的问题，其中之一就是不支持CSS中的`fixed`定位。`fixed`定位是一种常用的布局方式，可以让元素相对于浏览器窗口...