拐角處的邊界半徑中斷

Question

我爲網站設計了一個內容框，並在桌面上看起來不錯。但現在我想把它放在手機上。
你可以在這裏看到一個只有相關html + css的例子http://pastehtml.com/view/bze2phhwn.html
在我的智能手機上，我發現邊框半徑在1-3px的圓角中斷了（它顯示背景色而不是邊框​​顏色）如果放大一點，您也可以在瀏覽器上看到這種效果。它的奇怪之處，因爲如果你放大一點點進去，你會發現這種效果並不總是存在。所以我認爲它不是我的壞HTML + CSS。

可能是什麼問題？

Answer 1

這似乎是一個錯誤。提交到Mozilla的：

https://bugzilla.mozilla.org/show_bug.cgi?id=758958

另外：https://stackoverflow.com/questions/10774506/border-radius-causes-white-lines-when-applied-to-individual-corners/10774635#10774635

Answer 2

，我認爲這是一個錯誤爲好，但我找到了解決...犯錯也許會被認爲是一個黑客。這裏是我的問題的圖像：

http://i909.photobucket.com/albums/ac298/roboyak/missingBorder_zpsbhftdfmd.png

所以我的故事是，我正在從父網頁強加給我一個reset.css樣式表。 td元素是從CSS片得到以下樣式：

table tbody tr td { 
    border-bottom: 1px solid #ccc; 
} 

很久以前，當我開始我的聲明我的表以下規則推翻了這種風格的項目：

table tbody tr td { 
    border-bottom: none; 
} 

在努力解決我的問題我注意到邊界底部的規則顯示爲「中等無」而不是無。我添加了下面的代碼，並且邊框不再被破壞。

table tbody tr td { 
    border-bottom: none none; 
} 

本質上講，這打破了規則，使邊境再次亮起所有TD的這不是我想要的，但我認爲這可能給一些洞察到發生了什麼。