位置：固定在 IE 6/7/8 和 Mozilla 上工作

Question

我想将 div 的位置固定在页面的右下角..（聊天框）..我如何通过适用于所有 IE6/7/8 和 mozilla 的 css 文件来做到这一点.. ..现在我有

#聊天框{ 位置：固定； 底部：0%； 对：1%；} 这在 IE 上不起作用。我的限制是我只能编辑这个 CSS 文件（所以也不能将 html 设置为严格模式）。我在网上找到的解决方法只是谈论位置 w.r.t 到页面顶部而不是底部。

谢谢 磨难

Answer 1

您可以使用 CSS 表达式修复 IE。使用conditional comments 将以下内容提供给 IE：

/* smooths out the IE expression scroll - foo doesn't need to exist */
body{
   background:url(foo) fixed;
}

/* fixed scrolling element */
#bottom-fixed-element {
   position: absolute;  
   right: 0;
   top: expression(
      document.body.scrollTop + document.body.clientHeight - this.clientHeight
   );
}

如果您无法更改源以包含条件注释，您可以使用 CSS hack 解决它，但不建议这样做：

#bottom-fixed-element {
   position: fixed;
   bottom: 0;
   right: 0;

   _position: absolute;  
   _top: expression(
      document.body.scrollTop + document.body.clientHeight - this.clientHeight
   );
}

编辑

如果需要同时支持quirks和standards模式，可以在表达式中测试：

top: expression(
   (document.compatMode && document.compatMode == 'CSS1Compat') ?          
       (documentElement.scrollTop + documentElement.clientHeight - this.clientHeight) :
       (document.body.scrollTop + document.body.clientHeight - this.clientHeight)
);