[html] IFrame에서 테두리 제거

웹앱에 내장 된 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은 더 이상 사용되지 않으며은 “경계”CSS 속성을 사용하는 것이 선호된다 :

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

답변

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

<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 프레임 테두리 속성 사용

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

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


답변

style="border:0;"iframe 코드에서 사용할 수 있습니다 . HTML5에서 테두리를 제거하는 것이 좋습니다.

코드를 편집하지 않고 iframe을 맞춤 설정하려면 html5 iframe 생성기 도구를 확인하십시오 .