2014-04-14 36 views
1

我在页面左下方有一个小的“反馈”按钮。它定位于fixed固定位置在某些浏览器中按预期工作

但是在某些浏览器(主要是webkit的旧版本)中,它不会按预期显示在页面的底部。

这里一些截图(误差在XP上使用Chrome 25可见,运8的Firefox 18,Win 7的火狐3.6等): http://www.browserstack.com/screenshots/0d783c572a3da30c4ad2482b86cdce92dcf0788b

我怎样才能解决这个错误的行为?

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

CSS:

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

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

HTML里面很多其他嵌套div S:

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

可能是一个BrowserStack问题,因为当我从Pro中获取BrowserStack的屏幕截图时,我会得到正确的结果。我对这个问题有点困惑...... – collimarco

回答

0

这是与截图采取的方式的问题。代码是正确的,并且按钮在所有浏览器中正确定位。