在某些浏览器中,位置修复不正常

时间:2014-04-14 13:03:34

标签: css cross-browser

我有一个小小的"反馈"页面左下角的按钮。它位于fixed

然而,在某些浏览器(主要是旧版本的webkit)上,它并未按预期在页面底部显示。

这里有一些截图(错误在XP chrome 25,Win 8 firefox 18,Win 7 firefox 3.6等上可见): http://www.browserstack.com/screenshots/0d783c572a3da30c4ad2482b86cdce92dcf0788b

我该如何解决这个错误行为?

我对粘性页脚等过于复杂的解决方案不感兴趣,因为即使按钮​​隐藏了某些文本也不是问题。

CSS:

#support {
  position: fixed;
  left: 20px;
  bottom: 0;
}

#support a {
  display: block;
  padding: 5px 10px;
  ...
}

许多其他嵌套div中的HTML:

<div id="support"><a href="#">…</a></div>

1 个答案:

答案 0 :(得分:0)

这是与屏幕截图相关的问题。代码是正确的,按钮在所有浏览器中都正确定位。