邊框在Safari中沒有像素完美

Question

在genevalidator.sbcs.qmul.ac.uk，主體div有一個邊框。已經注意到，在Safari版本= 7.1（9537.85.10.17.1）上這不是完美的。

我不太確定這是爲什麼。請看下面圖片的頂部。

邊境的CSS

border: 7.5px solid #5e5e5e; 
border-radius: 15px 

圖片

Answer 1

沒有這樣的東西作爲7.5px。不幸的是不可能在半個像素上呈現特定的顏色。 要麼使用

border: 8px solid #5e5e5e; 

或

border: 7px solid #5e5e5e; 

測試上所提到的Safari瀏覽器的版本，和它的工作就像一個魅力，而7.5px作出頂部邊境1px缺陷;

Answer 2

像素網絡上的完美是足夠困難的，但也說明半像素使得它更加困難。我不記得瀏覽器在這種情況下的行爲，它們在不同的情況下都會有所不同，但是您沒有提供足夠的信息來了解確切的更改，並且我沒有Safari可供我進行仔細檢查。

然而，這個回答問題有關Safari的注意這裏不適用邊界半徑正確地圖片：Rounded cornes (border radius) Safari issue