模拟position:fixed(ie6);
一：
<!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=gb2312" />
<title>scroll</title>
<style type="text/css">
*{ margin:0; padding:0;}
html{height:100%; overflow:hidden;}
body{height:100%; overflow:hidden;}
#scroll{width:100%; height:100%; position:relative; overflow-y:scroll; overflow-x:auto; text-align:right;}
.relContent
{
height:1000px;
}
#other{
text-align:left;
position:absolute;
left:0; top:0;
}
</style>
</head>
<body>
<div id="scroll"><div class="relContent">页面真正的内容区域</div></div>
<div id="other">放置各种浮动层的区域</div>
</body>
</html>
二：或者直接在样式里写
_top:expression(eval(document.documentElement.scrollTop + 具体的值));
分享到：
相关推荐
这篇博客“IE6下的纯CSS完美position:fixed实现”可能介绍了一种通过CSS技巧或JavaScript工作来模拟`position: fixed`的方法。 尽管描述为空，我们可以推测博主可能探讨了以下几种常见策略： 1. **表达式...
4. **负margin和绝对定位的组合**：在IE6中，可以尝试将元素的`position`设置为`absolute`，然后使用负的`margin`值来模拟`position:fixed`。这种方法可能需要根据页面的具体情况进行调整，可能不够稳定。 5. **...
这段代码检测到IE6时，会在窗口滚动时通过JavaScript动态调整元素的`top`属性，模拟`position: fixed;`的效果。 同时，`position_fixed.html`文件可能是一个示例网页，展示了如何在不同浏览器中实现`position: ...
然而，有些老旧的浏览器或特殊环境下可能不支持 `position: fixed`，这时我们需要通过其他方式来模拟这种效果。本篇将详细介绍如何使用 `position: absolute` 来实现类似 `position: fixed` 的页面定位效果。 首先...
为了解决IE6中的这个问题，通常需要借助JavaScript来模拟 `position:fixed` 的效果。以下是一个实现兼容性的基本策略： 1. **初始化CSS**：首先，为IE6定义一个备用的定位方式，通常是 `position:absolute`，并使用...
由于IE6不完全支持CSS的`position: fixed`，开发者通常需要使用JavaScript库如jQuery或特定的CSS hack来模拟固定定位的效果，以确保在旧版浏览器中也能正常显示。 在这个压缩包中包含的"lightbox测试.html"文件可能...
从给定文件中提供的内容来看，问题的核心在于如何在IE6中模拟position: fixed的行为，尤其是在滚动时元素仍然能够固定在页面上。具体方法是使用position: absolute; 配合一个javascript表达式，通过计算确保元素相...
这样我们可以为IE6创建一个单独的CSS规则集，来模拟`position:fixed`的效果。 接下来，在`ie-stuff.css`文件中，我们需要编写CSS规则来处理`position:fixed`。在提供的代码中，我们看到如下规则： ```css #footer ...
对于IE6的兼容，我们使用`_position: absolute`，并结合`expression`来模拟`position:fixed`的效果。 2. **CSS样式**： - 针对`position:fixed`在IE6的兼容性问题，我们设置`_position: absolute`和`expression`来...
5. background-attachment属性的使用：除了使用JavaScript和CSS表达式，还可以使用background-attachment属性来模拟position: fixed的效果。通过设置body或者特定div的background-attachment为fixed，并提供一个透明...
本文将探讨两种在 IE6 中模拟 `position: fixed;` 的方法。 1. **纯 CSS 法**： 这种方法主要依赖于 IE6 特有的 * 选择器。通过将 `* html` 作为顶层选择器，我们可以针对 IE6 应用特定的样式。首先隐藏浏览器的...
}`，这样元素就会相对于body元素固定，而body元素会随滚动条移动，从而在IE6中模拟出类似`position:fixed`的效果。 对于其他浏览器，可以继续使用`position:fixed`，因为它在现代浏览器中得到了正确支持。完整的...
为了解决这个问题，我们需要一种兼容IE6的方法来模拟`position: fixed;`的效果。 #### 解决方案 为了克服IE6中的这一限制，可以采用以下策略： 1. **使用条件注释**：首先，利用HTML中的条件注释来为目标浏览器...
常见的解决方案是利用CSS Hack和JavaScript来模拟`position:fixed`的效果。在给出的代码示例中，首先使用了一种常见的技巧，即通过设置`html{overflow:hidden}`和`body{height:100%;overflow:auto}`来使IE6下的元素...
然而，在IE6中，我们需要借助一些技巧来模拟`position:fixed`的效果。 以下是一个针对IE6实现`position:fixed`效果的实例： ```html <!DOCTYPE ...
对于`position:fixed`的模拟，我们可以创建两个类 `.ie6fixedTL` 和 `.ie6fixedBR`，分别用于处理元素的左上角和右下角的固定定位。在非IE6浏览器中，这些类将使用常规的`position:fixed`，而在IE6中，我们将使用CSS...
针对这个问题，常见的解决方案是利用条件注释和额外的 CSS 代码来模拟 `position:fixed` 效果。如给定的代码片段所示，当检测到浏览器为 IE6 时，使用 `*html` 条件注释来应用特定的样式： ```css * ...