it-swarm-ko.com

IFrame에서 테두리 삭제

내 웹 응용 프로그램에 포함 된 iframe에서 테두리를 제거하려면 어떻게합니까? iframe의 예는 다음과 같습니다.

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

백그라운드 색상이 일관성이 있다고 가정하고 내 페이지의 내용에서 iframe 내용으로의 전환을 원활하게하고 싶습니다. 대상 브라우저는 IE6 전용이며 불행히도 다른 사람들을위한 솔루션은 도움이되지 않습니다.

htmlcssiframeinternet-explorer-6noborder
645
JoelB

frameBorder 속성을 추가하십시오 ( 자본 'B').

이렇게 그것은 같이 보일 것입니다 :

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

IE7에서 테두리를 제거하려고 시도한 후 frameBorder 특성이 대소 문자를 구분한다는 것을 알게되었습니다.

FrameBorder 속성을 대문자B로 설정해야합니다.

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

iframe 문서에 따라 frameBorder는 더 이상 사용되지 않으며 "border"CSS 속성을 사용하는 것이 좋습니다.

<iframe src="test.html" style="width: 100%; height: 400px; border: 0"></iframe>
  • 참고 CSS 테두리 속성은 IE6, 7 또는 8에서 원하는 결과를 얻는 not 입니다.
64
Roberto Chiaretti

FrameBorder 속성을 추가하는 것 외에도 스크롤 막대가 나타나지 않도록 스크롤 속성을 "no"로 설정하는 것이 좋습니다.

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

브라우저 관련 문제의 경우 Dreamweaver에 따라 frameborder="0" hspace="0" vspace="0" marginheight="0" marginwidth="0"도 추가하십시오.

<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>
21
Marnix Bras

HTML iframe frameborder 특성 사용

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

참고 : IE에서는 프레임Border (cap B)를 사용하십시오. 그렇지 않으면 작동하지 않습니다. 그러나 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에서 새로운 속성 인 seamless 속성을 사용할 수 있습니다. iframe 태그의 완벽한 속성은 Opera, Chrome 및 Safari에서만 지원됩니다. iframe이있는 경우 포함 된 문서의 일부인 것처럼 보이게 지정합니다 (테두리 또는 스크롤 막대 없음). 현재이 태그의 완벽한 속성은 Opera, Chrome 및 Safari에서만 지원됩니다. 하지만 가까운 장래에 표준 솔루션이 될 것이며 모든 브라우저와 호환 될 것입니다. http://www.w3schools.com/tags/att_iframe_seamless.asp

9
Shubham Badal

Iframe 코드에서 style="border:0;"를 사용할 수 있습니다. 이것이 HTML5에서 테두리를 제거하는 데 권장되는 방법입니다.

내 html5 iframe 생성기 tool을 확인하여 코드를 수정하지 않고 iframe을 맞춤 설정하십시오.

8
Shan Eapen Koshy

스타일 속성을 사용할 수 있습니다. 프레임의 테두리를 없애고 싶다면 style 속성을 사용할 수 있습니다. 아래 주어진대로

코드는 여기에있다.

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

FrameBorder 특성 (Capital 'B')을 추가하십시오.

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

Iframe을 배치 할 페이지의 doctype이 HTML5이면 다음과 같이 seamless 속성을 사용할 수 있습니다.

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

모질라 문서의 완벽한 속성

6
David Tuite

이 방법으로 JavaScript로도 할 수 있습니다. iframe 요소를 찾아 IE 및 다른 브라우저에서 테두리를 제거합니다 (JavaScript를 사용하는 대신 IE가 아닌 브라우저에서는 "border : none;"스타일을 설정할 수 있음). iframe이 생성되어 문서에 삽입 된 후에도 사용됩니다 (예 : 일반 HTML로 추가 된 iframe 및 자바 스크립트가 아닙니다).

이는 iframe 요소가 아니라 iframe 요소의 테두리에 iframe 요소가 만들어지기 때문에 iframe이 BOM에 작성된 후에 IE가 테두리를 만들기 때문에 작동합니다. ($ @ & * # @ !!! IE !!!)

참고 : IE 부분은 부모 창과 iframe이 동일한 출처 (동일한 도메인, 포트, 프로토콜 등)에있는 경우에만 작동합니다 (물론). 그렇지 않으면 스크립트는 IE 오류 콘솔에서 "액세스 거부"오류를 가져옵니다. 이런 일이 발생한다면 다른 옵션과 마찬가지로 생성되기 전에 설정하거나 비표준 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.
         }
   }
6
FirstFraktal

귀하의 스타일 시트에서

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

}

이것은 또한 실행 가능한 옵션입니다.

5
Tropilac

나는 위의 모든 것을 시도해 보았다. 그리고 그것이 당신을 위해 작동하지 않는다면, 아래 CSS가 나에게이 문제를 해결하도록 시도해 보라. 그냥 브라우저에 패딩이나 여백을 추가하지 말라는 의미입니다.

* {
  padding:0px;
  margin:0px;
 }
5
th0ward
<iframe src="mywebsite" frameborder="0" style="border: 0px solid white;">HTML iFrame is not compatible with your browser</iframe>

이 코드는 HTML 4와 5 모두에서 작동해야합니다.

4
IamGuest

IFrame을 사용하여 300x300 크기를 기반으로하지 않는다고 가정 한 전체 화면의 너비와 높이를 맞추려면 다음과 같이 본문 여백을 "0"으로 설정해야합니다.

<body style="margin:0px;">
4
Michael Herr

또한 border = "0px"를 설정하십시오.

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

시험

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

이렇게하면 프레임 테두리가 제거됩니다.

2
Amaan Iqbal

FrameBorder 속성을 추가하거나 border-width가 0px 인 스타일을 사용하거나 border 스타일을 none으로 설정하십시오.

아래에서 하나를 사용하십시오. 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>
2
Divya Chugh

이것을 사용하십시오.

style="border:none;

예:

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

Iframe 태그에 속성을 추가하기 만하면됩니다. frameborder = 0 <iframe src="" width="200" height="200" frameborder="0"></iframe>

1
Chetan Chauhan

테두리를 제거하려면 none에 CSS 테두리 속성을 사용할 수 있습니다.

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