FFox和Chrome中的僞元素對齊方式不同

我試圖通過使用僞元素:: before和:: after創建一個使用CSS的對話框。在Chrome中我看起來很好，但三角形的外觀在Firefox中看起來很亂。有誰知道這是什麼原因，如果我可以修復它？FFox和Chrome中的僞元素對齊方式不同

我使用FF 9.0.1和Chrome 16在Firefox中我得到圍成的三角形奇怪的文物，不會出現在Chrome或IE9爲此事

enter image description here

2012-01-09 Robert

在Windows 7的Firefox 3.6.15中看起來很好。事實上，除了缺乏圓角之外，它看起來比Chrome更好。 – MrMisterMan 2012-01-09 16:29:28

當我在Firefox和Chrome中打開它時，您發佈的小提琴看起來與我相同。你能發佈更多關於你所看到的信息的細節，也許你可以知道你使用的是哪個版本的Firefox？ – Nate 2012-01-09 16:30:07

圍成的三角形的邊緣那些渲染文物是什麼，當你設置一些邊界，透明和別人另一種顏色我已經在Firefox上運行到。它似乎無法正確顯示彩色邊框和透明邊框之間的邊界。不幸的是，我發現修復它的唯一方法是將它們全部設置爲一種顏色，但不幸的是，在這種情況下，這對你不起作用。

2012-01-09 16:34:04

這很煩人。即使IE9呈現正確，我發誓這是在FF8工作。 – Robert 2012-01-10 09:54:43

我會省下一些麻煩和使用圖像 – Robert 2012-01-10 10:38:27

經過一番閱讀後，我發現這個問題是由firefox消除鋸齒造成的。看起來'transparent'的值相當於'rgba（0,0,0,0）'（透明的黑色）。用'rgba（255,255,255,0）'代替'transparent'解決了問題 – Robert 2012-01-11 13:01:03

添加-moz-border-radius：15px;到firefox的#bubble容器來渲染它。

2012-01-09 16:30:12 evasilchenko

回答