<!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=utf-8" />
<title></title>
<style type="text/css">
.ie6fixed {border: 1px solid red; padding: 5px;}
/* 修正IE6振动bug */
* html,* html body{background-image:url(about:blank);background-attachment:fixed}
.ie6fixedLT{position:absolute;left:expression(eval(document.documentElement.scrollLeft));top:expression(eval(document.documentElement.scrollTop))}
.ie6fixedRT{position:absolute;right:expression(eval(document.documentElement.scrollLeft));top:expression(eval(document.documentElement.scrollTop))}
.ie6fixedLB{position:absolute;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))}
.ie6fixedRB{position:absolute;right:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))}
html>body .ie6fixedLT{position:fixed;left:0;top:0}
html>body .ie6fixedRT{position:fixed;right:0;top:0}
html>body .ie6fixedLB{position:fixed;left:0;bottom:0}
html>body .ie6fixedRB{position:fixed;right:0;bottom:0}
</style>
</head>
<body>
<div class="ie6fixedLT ie6fixed">IE6完美兼容position:fixed1</div>
<div class="ie6fixedRT ie6fixed">IE6完美兼容position:fixed2</div>
<div class="ie6fixedLB ie6fixed">IE6完美兼容position:fixed3</div>
<div class="ie6fixedRB ie6fixed">IE6完美兼容position:fixed4</div>
<div style="height: 3000px;"></div>
</body>
</html>
效果图：
相关推荐
这篇博客“IE6下的纯CSS完美position:fixed实现”可能介绍了一种通过CSS技巧或JavaScript工作来模拟`position: fixed`的方法。 尽管描述为空，我们可以推测博主可能探讨了以下几种常见策略： 1. **表达式...
### 解决IE6中的定位问题：Position Fixed 在早期的Web开发中，Internet Explorer 6（简称IE6）因其浏览器兼容性问题而臭名昭著。其中一个常见的问题是`position: fixed;`属性在IE6中不起作用。这使得开发者很难...
在探讨“css ie6 fixed属性解决方法”这一主题时，我们不得不面对一个历史遗留问题：Internet Explorer 6（IE6）对于CSS3中fixed定位的支持不足。IE6发布于2001年，其浏览器内核对现代Web标准的支持有限，尤其是在...
在网页开发过程中，由于历史遗留原因，Internet Explorer 6（简称IE6）存在许多与现代浏览器不兼容的问题，其中之一就是不支持CSS中的`fixed`定位。`fixed`定位是一种常用的布局方式，可以让元素相对于浏览器窗口...
总结来说，处理IE6的`position:fixed`问题需要开发者具备对CSS的深入理解，以及对IE6特性的熟悉。虽然现代浏览器已经广泛支持`position:fixed`，但在维护旧项目或考虑向后兼容性时，这些技巧仍然是必要的。在实践中...
本教程将聚焦于如何利用纯CSS实现一个兼容IE6的二级导航菜单，正如“纯css二级导航 兼容ie6”这个主题所示。 首先，让我们了解纯CSS导航菜单的基本概念。CSS（层叠样式表）是一种样式语言，用于描述HTML或XML（包括...
总的来说，解决IE6下的`fixed`定位问题需要对CSS和JavaScript有深入的理解，以及对老版本浏览器特性的熟悉。虽然现在IE6的使用率已经非常低，但对于那些仍需支持它的网站，这些解决方案仍然具有价值。通过学习和应用...
总之，解决 `position: fixed` 元素居中问题的关键在于理解 `fixed` 定位的工作原理，以及如何通过调整 `left` 和 `right` 属性来适应不同浏览器的兼容性需求。在实际项目中，还需要考虑使用现代前端工具和最佳实践...
HTML和CSS是网页设计的基础，本话题主要关注如何在包括IE6在内的多个浏览器上实现纯CSS的浮窗效果。在互联网早期，IE6是广泛使用的浏览器之一，但因其对现代Web标准的支持有限，开发者需要特别处理以确保兼容性。...
描述中提到的"完美兼容IE6"是一个挑战，因为IE6对CSS标准的支持并不完全，尤其是对于`position: fixed;`的处理存在一些问题。在其他现代浏览器中，`position: fixed;`工作得相当好，但在IE6中，需要采用一些特殊的...
本篇文章主要探讨了如何利用CSS属性position:fixed来实现DIV的绝对居中。 首先，了解position:fixed属性的作用是关键。position:fixed表示元素相对于浏览器窗口进行定位，这意味着无论页面如何滚动，元素都将保持在...
本文将详细讲解如何使用CSS表达式（expression）来解决IE6中`position:fixed`无效的问题。 首先，我们来看一个常见的解决方法。在非IE6浏览器中，`position:fixed`可以直接应用到元素上，如下所示： ```css #gs { ...
本文将介绍一种更优雅、资源效率更高的方法来解决IE6对`position:fixed`的支持问题，这种方法是通过条件注释和CSS表达式来实现的。 首先，我们可以使用HTML的条件注释（Conditional Comments）来针对IE6加载特定的...
其中一个典型的问题是IE6不支持CSS中的`position:fixed`属性，这个属性允许元素在页面滚动时保持其在屏幕上的位置，常用于创建导航栏或页脚等固定位置的元素。 `position:fixed`在其他现代浏览器中工作良好，但在IE...
由于 IE6 的浏览器引擎对 CSS 的解析与现代浏览器有所不同，开发者需要采用特定的技巧来实现类似 `position:fixed` 的效果。 首先，针对IE6的“振动bug”，在CSS中添加如下代码： ```css /* 修正IE6振动bug */ html...
在早期的Internet Explorer 6（简称IE6）浏览器中，CSS中的`position: fixed;`属性并不被支持，导致开发者无法实现元素固定在屏幕某个位置的效果。为了解决这一问题，社区开发出了几种不同的解决方案，主要分为纯CSS...
这个HTML文件很可能会包含JavaScript代码和CSS样式，用于创建一个具有Lightbox效果、Windows关机动画、使用`div`覆盖页面并解决了IE6的`position:fixed`兼容性问题的页面。 总的来说，这个知识点涵盖了Web开发中的...
对于IE6的兼容性问题，由于它不支持`fixed`定位，我们可以使用`_position:absolute;`这个私有属性进行hack，使IE6也能实现类似的效果。但要注意，这只是一个临时解决方案，因为IE6已经不再被广泛支持，现代的网站...
综合以上内容，我们可以知道，要解决IE6中的position: fixed问题，需要利用javascript表达式和特定的CSS滤镜语法，来模拟出其他浏览器中position: fixed所提供的效果。这种做法虽然复杂，但可以在不牺牲太多可读性...