테두리 제거에서 IFrame

StackOverflow https://stackoverflow.com/questions/65034

문제

삭제하려면 어떻게 해야 하는 테두리부터 iframe 에 포함된 내 웹 응용 프로그램?의 예 iframe 입니다:

<iframe src="myURL" width="300" height="300">Browser not compatible.</iframe>

고 싶 전환 콘텐츠에 내 페이지의 내용 iframe 완벽한 것으로,가정 배경 색상이 일치한다.목표 브라우저 IE6 만 불행하게도 솔루션은 다른 사람에 대한되지 않습니다.

도움이 되었습니까?

해결책

추가 frameBorder 특성(참고 수도'B').

그래서 다음과 같을 것이다:

<iframe src="myURL" width="300" height="300" frameBorder="0">Browser not compatible.</iframe>

다른 팁

후 미가를 제거하기 위해 노력하고있어 국경에서 IE7,내가 찾는 frameBorder 특성은 대소문자를 구분합니다.

를 설정할 필요가 있습니다 frameBorder 특성과 자본 B.

<iframe frameBorder="0" ></iframe>

당로 iframe 문서화,frameBorder 은 사용되지 않고 사용하는"border"CSS 특성하는 것이 바람직하다:

<iframe src="test.html" style="width: 100%; height: 400px; border: 0"></iframe>
  • CSS 참고 국경을 갖 지 에 원하는 결과를 얻을 IE6,7 또는 8.

이외에 추가 frameBorder 특성을 고려할 수 있습니다 설정하는 스크롤 특성을"아니"을 방지하는 스크롤 막대가 나타납니다. 

<iframe src="myURL" width="300" height="300" frameBorder="0" scrolling="no">Browser not compatible. </iframe >

브라우저에 대한 특정 문제 또한 추가 frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0" 에 따라 Dreamweaver:

<iframe src="test.html" name="banner" width="300" marginwidth="0" height="300" marginheight="0" align="top" scrolling="No" frameborder="0" hspace="0" vspace="0">Browser not compatible. </iframe>

를 사용하여 HTML iframe frameborder 특성

http://www.w3schools.com/tags/att_iframe_frameborder.asp

참고:임B기(모 B)IE,그렇지 않으면 작동하지 않습니다.하지만,iframe frameborder 특성에서 지원되지 않 HTML5.그래서 사용 CSS 대신 합니다.

<iframe src="http://example.org" width="200" height="200" style="border:0">

를 제거할 수도 있습니다 스크롤을 사용하여 스크롤 특성 http://www.w3schools.com/tags/att_iframe_scrolling.asp

<iframe src="http://example.org" width="200" height="200" scrolling="no" style="border:0">

또한 사용할 수 있는 이음새가 없는 특성이 새로운 HTML5.이음새가 없는 특성의 iframe 만 지원되는 오페라에서,크롬을 사용합니다.존재하는 경우,그 지정하는 iframe 봐야 하는 그것의 일부가 포함된 문서(국경 또는 스크롤 막대).지금 이음새가 없는 특성의 태그에만 지원하는 오페라에서,크롬을 사용합니다.하지만 가까운 장래에서 그 표준 솔루션을 것이 모든 브라우저와 호환됩니다. http://www.w3schools.com/tags/att_iframe_seamless.asp

당신이 사용할 수 있는 style="border:0;" 에서 당신의 iframe 코드입니다.는 권장하는 방법을 제거하의 국경에서 HTML5.

체크인 나 html5iframe 발전기 도구로 사용 iframe 없이 편집하는 코드입니다.

추가 frameBorder 특성(자본'B').

<iframe src="myURL" width="300" height="300" frameBorder="0">Browser not compatible. </iframe>

스타일의 속성을 사용할 수 있 HTML5 제거하려는 경우 boder 의 프레임 또는 아무것도 사용할 수 있는 스타일을 제공합니다.아래로

코드가 여기에

<iframe src="demo.htm" style="border:none;"></iframe>

또한 그것을 할 수 있습니 자바 스크립트와 이 방법입니다.그것은를 찾을 것입니다.iframe 요소를 제거하의 국경 IE 에서와는 다른 브라우저(할 수 있지만 설정한 스타일의"border:none;"non-IE 브라우저를 사용하는 대신 JavaScript).그것이 작동하는 경우에도 사용 후 iframe 가 생성되고 장소에 문서(예:iframe 는 추가 일반이 아닌 HTML JavaScript)!

이 일 때문에 즉성 테두리에 iframe 요소가 당신이 기대하는 바와 같이,하지만의 콘텐츠에 iframe--후 iframe 에서 만들어 BOM.($@&*#@!!!IE!!!)

참고:IE 부분에만 작동합니다(물론)경우 부모 창고 iframe 은 동일한 원산지(동일한 도메인,포트 프로토콜 etc.).그렇지 않으면 이 스크립트를 얻을 제 IE 오류 console.만약 그렇다면,당신의 옵션만을 설정하는 것 그것이 생성되기 전에,다른 사람들이 주목을 사용하거나 비표준 frameBorder="0"속성이 있습니다.(또는 그냥 IE 보고 못생--제가 가장 좋아하는 옵션))

내게는 많은 시간의 작동하는 지점에는 절망의 그림이다.

즐길 수 있습니다.:)

// =========================================================================
// Remove borders on iFrames

if (window.document.getElementsByTagName("iframe"))
   {
      var iFrameElements = window.document.getElementsByTagName("iframe");
      for (var i = 0; i < iFrameElements.length; i++)
         {
            iFrameElements[i].frameBorder="0";   //  For other browsers.
            iFrameElements[i].setAttribute("frameBorder", "0");   //  For other browsers (just a backup for the above).
            iFrameElements[i].contentWindow.document.body.style.border="none";   //  For IE.
         }
   }

는 경우 doctype 페이지의 두고 있 iframe 에 HTML5 는 다음을 사용할 수 있습니다 seamless 다음과 같은 특성을 이렇게:

<iframe src="..." seamless="seamless"></iframe>

모질라 문서에 이음새가 없는 특성

I tried 위의 모든 작동하지 않는 경우에 당신을 시도 아래 CSS 제가 해결되었습니다.는 그냥 말하는 브라우저에 추가하지 않는 모든 패딩 또는 여백입니다. 

* {
  padding:0px;
  margin:0px;
 }

에서 당신의 스타일 시트를 추가

{
  padding:0px;
  margin:0px;
  border: 0px

}

이것은 또한 가능한 옵션이 있습니다.

를 사용하는 경우 iFrame 에 맞게 폭과 높이의 전체 화면이 나는 가정에 기초하지 않은 300x300 크기로 설정해야 합니다 몸의 여백을"0"this:

<body style="margin:0px;">

<iframe src="mywebsite" frameborder="0" style="border: 0px solid white;">HTML iFrame is not compatible with your browser</iframe>

이 코드를 작동해야 모두에서는 HTML4and5.

또한 설정 border="0px" 

 <iframe src="yoururl" width="100%" height="100%" frameBorder="0"></iframe>

도

<iframe src="url" style="border:none;"></iframe>

이의 테두리를 당신의 프레임입니다.

이

style="border:none;

예제:

<iframe src="your.html" style="border:none;"></iframe>

에 추가하거나 frameBorder 특성 또는 사용으로 스타일 border-width0px;거나,설정된 경계선 스타일 같은 없습니다.

중 하나를 사용하여서는 아래 3:

<iframe src="myURL" width="300" height="300" style="border-width:0px;">Browser not compatible.</iframe>

<iframe src="myURL" width="300" height="300" frameborder="0">Browser not compatible.</iframe>

<iframe src="myURL" width="300" height="300" style="border:none;">Browser not compatible.</iframe>

을 제거하는 테두리를 사용할 수 있습 CSS 국경을 제공합니다.

<iframe src="myURL" width="300" height="300" style="border: none">Browser not compatible.</iframe>

단순한 추가 특성에 iframe frameborder=0 <iframe src="" width="200" height="200" frameborder="0"></iframe>

iframe src="XXXXXXXXXXXXXXX"
marginwidth="0" marginheight="0" width="xxx" height="xxx"

와 함께 작동 Firefox;)

<iframe src="URL" frameborder="0" width="100%" height="200">
<p>Your browser does not support iframes.</p>
</iframe>

<iframe frameborder="1|0">

(OR)

<iframe src="URL" width="100%" height="300" style="border: none">Your browser 
does not support iframes.</iframe>

The <iframe> frameborder attribute is not supported in HTML5. Use CSS 
instead.
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top