2014-04-14 67 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

這是與截圖採取的方式的問題。代碼是正確的,並且按鈕在所有瀏覽器中正確定位。