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

首先需要解释一下什么是“抖动”，在IE6中固定定位会产生抖动现象，即元素不停地抖动，这是因为固定定位对渲染引擎的计算依赖于元素的宽高以及位置等，当元素的宽高和位置变化时，渲染引擎需要重新计算，从而导致不停抖动。

而解决这个问题的一个方案是使用CSS行为expression，通过JS代码直接在CSS中计算元素的位置、宽高等属性，从而避免抖动现象的发生。

下面是完整的CSS行为expression实现IE6无抖动固定定位的攻略：

1. 创建样式表

首先在HTML文件中引入样式表，并为需要固定定位的元素设置样式，例如：

.fixed-element {
    position: absolute; /*因为是固定定位，所以使用absolute定位*/
    top: 50px; /*设置初始位置*/
    left: 50px;
}

2. 使用expression

在IE6中，可以使用expression属性为元素指定计算表达式，这个表达式可以是JavaScript代码。示例代码如下：

.fixed-element {
    position: absolute;
    top: expression(eval(document.documentElement.scrollTop + 50)); /*计算元素的top*/
    left: expression(eval(document.documentElement.scrollLeft + 50)); /*计算元素的left*/
}

在这里，使用了eval函数计算了元素的top和left，其中document.documentElement.scrollTop和document.documentElement.scrollLeft分别表示当前文档的滚动条位置，数字50是初始位置的偏移量。这个计算表达式可以根据需求自行编写，实现相应的效果。

3. 兼容性问题

需要注意的是，虽然CSS行为expression可以解决IE6下的固定定位抖动问题，但是这个属性只有在IE6中有效，如果在其他浏览器中使用就会失效。而且，如果表达式编写有误，还可能会导致浏览器崩溃等问题，所以需要谨慎使用。

示例1：固定在右下角

.fixed-element {
    position: absolute;
    bottom: expression(eval((document.documentElement.clientHeight + document.documentElement.scrollTop) - this.offsetHeight - 20)); /* 计算元素的bottom */
    right: expression(eval(document.documentElement.clientWidth + document.documentElement.scrollLeft - this.offsetWidth - 20)); /* 计算元素的right */
    width: 200px;
    height: 200px;
    background-color: #eee;
    border: 1px solid #ccc;
}

示例2：高度100%，固定在顶部

.fixed-element {
    position: absolute;
    top:expression(eval(document.documentElement.scrollTop));
    width: 100%;
    height: 100%;
    background-color: #eee;
    border: 1px solid #ccc;
}