html固定位置IE问题

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

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

在IE中，它只是位于页面的顶部。我怎么能解决它，使它在IE工作了吗?

备注:IE7、IE8、IE9仅在指定!DOCTYPE时支持固定值

你的页面的第一行应该是下列之一:

HTML 4

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

HTML 5

<!DOCTYPE html>

来源:http://www.w3schools.com/css/css_positioning.asp

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

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

相关内容