iFrame僅在移動Safari瀏覽器中顯示灰線

我設計了一個簡單的企業網站，並且花費了更多時間來嘗試調試此呈現問題，而不是讓我的東西在PHP中正常工作！iFrame僅在移動Safari瀏覽器中顯示灰線

我有一個iframe。在所有其他瀏覽器（甚至是桌面上的Safari）上，它都能正確呈現，但在Safari移動設備上，iFrame邊框上有一條細灰線 - 但僅限於某些縮放級別。我閱讀了其他類似的帖子，這些帖子與2個div相互聯繫，但是iFrame沒有被封裝在div中。

相關CSS：

iframe.noBorder { 
    border: none; 
    border:0; 
}

實際iframe嵌入代碼：

<iframe class="noBorder1" src="header.html" width=980 height="160" frameborder="0" border="0" scrolling="no" ></iframe>

就像我說的，它不是一個div或任何東西。您可以看到問題here或檢出image here。

我在幾個PC瀏覽器上試過這個沒有問題 - 所以我猜你已經發現了一個移動故障。

你可以設置border-color attribute of the iframe與包含元素相同的綠灰色 - 或者是透明的，看看是否修復了它？

2011-08-23 23:26:50 amelvin

感謝您的快速響應。是的，它隻影響iPhone和iPad上的移動探險。它可以在所有桌面瀏覽器（包括Safari，IE，Chrome和Firefox）上正常運行。如果我將邊框顏色設置爲bg，那麼右側會顯示淡綠色的線條，因爲這與bg顏色不同。 –

@Vinod你可以嘗試設置背景和邊框顏色爲'透明'嗎？ – amelvin

我發現了一個黑客 - 沒有真正爲它感到驕傲。我只是拿了一個div，並使該div爲bg顏色。我不得不使它大約5個像素左右 - 出於某種原因，1像素的div仍然出現。它解決了 - 但它是一種非常愚蠢的修復方式 - 我無法想象其他任何東西。我確實嘗試將邊框改爲「透明」，但這也沒有幫助。 –

overflow: hidden;解決了問題！

2012-06-28 22:36:28 JPguitar

回答