iOS7 /小牛Safari瀏覽器奇怪的元素邊框行爲

與背景的顏色重疊的元素的邊緣，它會導致它們重疊邊框的「加厚」，導致奇怪的黑色線條。

最奇怪的是：當放大邊界看起來會消失，看起來隨機的行爲回來。

編輯：現在看來，這已經是與Safari瀏覽器背景圖像的大小四捨五入問題： https://stackoverflow.com/a/7099348/1515187

任何人都知道這個bug和任何解決方法嗎？

你能提供一個重現問題的小提琴嗎？ –

現在試圖在一個小提琴重現 – alberto2000

我剛纔發現了這個bug。當我嘗試修改時，它出現在ios7中。你可以設置視口爲 <meta name="viewport" content="width=640px, initial-scale=1, maximum-scale=1, user-scalable=no" />

可以解決這個問題。

如果你確實需要修改它。該錯誤出現在固定元素中（位置：固定/相對/絕對）。您可以將背景：url（about：blank）設置爲您的固定元素來解決此問題。但是，如果您嘗試設置背景顏色，則會再次出現此錯誤。所以，設置空的背景，不再。

在我的情況下，我通過在固定div中設置background：url（about：blank）並將背景設置在內部背景（不固定）中來避免該錯誤。

希望我可以幫到

2014-02-21 08:02:16 Ralph

回答