Abs。內部按鈕定位的元素沒有正確定位

我試圖把圖標的按鈕元素中，我遇到奇怪的定位，但在Firefox 4退房這個演示http://jsfiddle.net/j6q2e/3/Abs。內部按鈕定位的元素沒有正確定位

它將按預期在Chrome和IE瀏覽器，但在Firefox中，圖標完全不受保留。這是一個已知的錯誤？有沒有辦法解決這個問題？我不想使用<a>，因爲它是一個表單的提交按鈕，我想保留它，我也想避免使用背景圖像樣式，因爲圖標位於CSS精靈圖像中並用作背景圖像我不得不將它另存爲一個單獨的PNG。）

來源

2011-05-27 ilia

我敢肯定，你注意到了這一點，它並不一定有幫助，但如果你設置按鈕的'padding'爲'0'，它就可以工作。瘋狂的問題。 – newtron 2011-05-27 13:58:43

@newtron您也可以將#icon上的邊距設置爲「margin：-4px 18px;」以使其在FF中工作。當然，這擰了IE瀏覽器:)看起來像問題是IE獲取填充前的偏移量，而FF從填充偏移量。 – Briguy37 2011-05-27 14:09:19

看起來這是一個長期的FF錯誤，http://stackoverflow.com/questions/3213664/why-does-absolute-positionining-within-button-works-differently-from-div – james6848 2011-05-27 14:13:10

只是一個快速更新讓這件事「回答」 ......

所以是的，這是在Firefox中的錯誤，仍然是第5版的Chrome，IE9和Opera的所有正確的圖標位置在按鈕內。

還有另一個SO thread處理它，這裏的the Mozilla bug。

來源

2011-08-05 14:00:15 ilia

您應該能夠將其保留爲精靈並將其用作背景圖像，只需將該圖像周圍的空間調整爲考慮到你的按鈕的大小。您可能還需要考慮diagonal sprites以幫助解決您的問題。

來源

2011-05-27 14:01:36 Shauna

Abs。內部按鈕定位的元素沒有正確定位

回答

相關問題