모바일 사파리에서만 회색 라인을 표시하는 iFrame

간단한 기업 사이트를 설계했으며 PHP에서 올바르게 작동하도록하는 것보다 렌더링 문제를 디버그하는 데 더 많은 시간을 투자했습니다.모바일 사파리에서만 회색 라인을 표시하는 iFrame

나는 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>

,이 사업부 또는 아무것도 아니다.

here의 문제를 확인하거나 image here을 확인하십시오.

출처

2011-08-23 Vinod Tonangi

몇 가지 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 px div로 어떤 이유로 든 여전히 나타났습니다. 그것은 해결되었습니다 -하지만 그것을 수정하는 정말, 정말 바보 같은 방법 - 난 그냥 다른 생각할 수 없다. 나는 "투명하다"라고 국경을 바꾸려고했지만 그 역시 도움이되지 못했다. –

overflow: hidden;이 문제를 해결합니다!

출처

2012-06-28 22:36:28 JPguitar

모바일 사파리에서만 회색 라인을 표시하는 iFrame

답변

관련 문제