我有一个小小的"反馈"页面左下角的按钮。它位于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>
答案 0 :(得分:0)
这是与屏幕截图相关的问题。代码是正确的,按钮在所有浏览器中都正确定位。