ios 7瀏覽器套件黑色邊框圍繞div元素

Question

我在iOS7的瀏覽器中遇到一個奇怪的錯誤，其中div元素周圍出現黑線。 但是當你放大一個元素時，這些線條就會消失。 有誰知道是什么原因導致這個奇怪的錯誤？ 在iOS6中，沒有任何線條出現。 它發生在這個網址上： http ： //www.tristanfrencken.com/

希望有人可以幫助我！

Answer 1

奇怪的是，這似乎是在元素被修復並且具有背景顏色時觸發，但僅在IOS7中而不是在具有背景圖像時觸發。 我把它當作瀏覽器中的一個錯誤，但作為一種解決方法，現在你可以使用一個純白色圖像，平鋪，作為標題背景。

Answer 2

我們在我們的網絡應用程序中存在同樣的問題，其中具有背景顏色和固定定位的容器div元素將在iOS 7中以各種縮放值獲得黑色邊框。

我們的第一個解決方案涉及將背景顏色轉換為base64網址，這些網址工作得相當好，但不夠靈活。

相反，我們通過應用border-radius: 1px;消除黑色邊框border-radius: 1px; 刪除所有黑色邊框的容器元素。 該值足夠低，不可見。

Answer 3

這似乎是iOS7以及OSX Maverick上最新Safari中的一個錯誤。 具有背景顏色的重疊元素似乎會“加厚”它們的輪廓，從而導致這種奇怪的行為。 我正在拼命尋找解決方案。

我在這里開始了一個關於它的新主題iOS7 / Mavericks Safari奇怪的元素邊界行為

Answer 4

這發生在我身上，它與meta標簽允許縮放有關

顯然，iOS Safari在調整事物大小並創建該工件方面存在問題

應用元標記來禁用縮放解決了我的問題（user-scalable = no）

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

Answer 5

似乎這是webkit中的問題（ https://bugs.webkit.org/show_bug.cgi?id=124541 ）。

Answer 6

使用具有相同漸變值的“background-image”屬性：

background-image: -webkit-linear-gradient(top, #your_color, #your_color);