Firefox特定的CSS填充

這個CSS規則在IE和Chrome中工作正常。Firefox特定的CSS填充

在Firefox中，它需要padding-bottom爲8px。我嘗試了幾種方法，但似乎沒有任何工作。

.wish 
{ 
    color: white; 
    font-size: 15px; 
    text-transform: capitalize; 
    font-weight: normal; 
    padding-right: 15px; 
    padding-left: 10px; 
    margin-right: -7px; 
    padding-bottom: 9px; 
}

我想這

.wish, x:-moz-any-link, x:default 
{ 
    padding-bottom:8px; 
}

但Firefox無視它。

來源

2013-05-07 RIK

之前有幾乎肯定一個CSS只能寫通用這種方式。如果Firefox瀏覽器呈現不同的渲染效果，那麼它實際上並不是IE給你一個問題 - 那麼最有可能是一個更優化的方式來寫出它 – 2013-05-07 01:26:47

@KaiQing自IE9發佈以來我一直被更多的關注Firefox佈局錯誤超過IE。我甚至遇到過一個我曾經認爲IE做錯了的事情，然後在閱讀規格後，仔細審視不得不決定它可能遵循比Gecko和Webkit更好的標準。不過，我同意，這不太可能是Firefox的錯誤。 – 2013-05-07 01:32:58

@niels - 我很難遏制IE9實際渲染效果不錯，並且通過js比firefox甚至chrome等許多重要的css動畫效果更好。不幸的是，他們在9中的合理成功並沒有掩蓋8和7仍然是巨大的棋子 - 不管是6還是以下。這幾乎是我將所有IE投訴組合在一起的唯一原因。 – 2013-05-07 01:37:59

修復它我把.wish, x:-moz-any-link, x:default { padding-bottom:8px; }低於orignal .wish規則，它的工作原理。

我宣佈它在頂部

來源

2013-05-07 01:23:33 RIK

我莫名其妙地忍不住覺得這是一個[XY解決你的問題]（http://meta.stackexchange.com/a/66378/219504）。 – 2013-05-07 01:24:34

我已經修復了它，我只需要在底部聲明它。謝謝 – RIK 2013-05-07 01:28:30

不，你已經實施了一個解決方案。我只是忍不住想，這是錯誤問題的正確解決方案，真正的問題仍然存在，導致這樣的佈局問題。 Firefox不會無緣無故地引入填充。 – 2013-05-07 01:31:10

Firefox特定的CSS填充

回答

相關問題