Question

我的页面右下角有一个聊天按钮/链接。这是我在css中的代码，它在firefox和chrome中非常完美：

a.trigger{
position: fixed;
bottom: 0px; right: 15px;
padding: 6px 10px 6px 10px;
display: block;
}

在IE浏览器中，它只是位于页面顶部。我该如何修复它以便在IE中运行呢？

Answer 1

注意：仅当指定了!DOCTYPE时，IE7，IE8和IE9才支持固定值。

您网页的第一行应符合以下条件之一：

HTML 4

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 5

<!DOCTYPE html>

Answer 2

以下代码是一种让IE表现得更好的聪明方法。确保css按顺序排列，这应该是答案，或者至少让你更接近目标。

* html .sticky {
  position:absolute;
}

.sticky {
  position:fixed;
  right:0;
  top:40%;
}