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

我在iOS7的瀏覽器中出現了一個奇怪的錯誤，其中黑色線條出現在div元素周圍。但是，當您放大元素時，這些線條正在消失。有沒有人有一個想法是什麼導致這個奇怪的錯誤？在iOS6中沒有任何行出現。它發生在這個URL：http://www.tristanfrencken.com/ios 7瀏覽器套件圍繞div元素的黑色邊框

希望有人可以幫助我這個！

來源

2013-09-30 Kneep

您能否給一些細節，例如哪些邊框樣式的使用等作爲？另外，也許包括一個截圖或兩個？ – neelsg

我試圖添加屏幕截圖，但我還沒有被允許發佈圖片。這個問題似乎在我正在使用的jQuery Isotop插件中。我將其更改爲砌體插件，現在邊界消失了。頭部底部仍有一個可見的邊框，其位置爲：fixed。所以我認爲這與這個位置有關。我在這些元素的CSS中沒有任何邊框樣式。 – Kneep

奇怪的是，這似乎是當一個元素被固定並具有背景顏色，但只在IOS7中，而不是如果它有一個背景圖像時觸發。我會將它作爲瀏覽器中的一個錯誤來記錄，但作爲一種解決方法，現在您可以使用平鋪的白色圖像作爲標題背景。

來源

2013-09-30 23:38:19 Greg

固定你的意思是位置：絕對？ – kuba

不，我的意思是位置：固定 – Greg

嗯，我刪除了所有與位置元素：固定，仍然有這個問題，你有任何進一步的提示也許？ :) – kuba

這似乎是iOS7以及OSX Maverick上最新的Safari中的一個錯誤。背景顏色重疊的元素似乎會「增厚」輪廓，導致這種奇怪的行爲。我正在拼命尋找解決方案。

我開始一個新的話題關於在這裏 iOS7/Mavericks Safari strange element border behaviour

來源

2013-11-21 10:20:53 alberto2000

這是發生在我身上，它曾與meta標籤允許變焦做

顯然，iOS的Safari瀏覽器有調整的東西有問題，並創建一個神器

應用meta標籤禁用變焦解決我的問題（用戶可擴展性=無）

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

來源

2013-12-10 00:07:05

這不真的解決了這個問題，特別是如果你希望你的頁面可以縮放... – Greg

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

來源

2014-02-26 10:37:30 kuba

我們哈德在我們的Web應用程序相同的問題，即容器DIV元素與背景顏色和固定的定位會得到不同變焦值黑色邊框在iOS的7

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

取而代之，我們通過將border-radius: 1px;應用於移除所有黑色邊框的容器元素來擺脫黑色邊框。該值足夠低以至於不可見。

來源

2014-04-03 12:32:44 HektorW

古怪的邊界半徑工作 –

使用「背景圖片」屬性具有相同的梯度值：

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

來源

2014-07-30 12:32:53 play

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

回答

相關問題