내 웹 페이지 안에 iframe이 있습니다,하지만 난 어떻게 내가 iframe이 콘텐츠의 CSS 스타일을 무시 않는 등 CSS/글꼴 스타일Iframe에 변경 내용 CSS 스타일
<iframe name='iframe1' id="iframe1" src='<?php echo "http://micro.shoretel.com/www/?v=$version&s=$style&l=$logo&p=" . $_GET["p"] ?>' frameborder='0' width='660' height='450'></iframe>
을 변경하려면?
iframe 하중이 정적으로 iframe의 변경하고자하는 자신의 도메인 페이지, 그리고 만약 스타일, CSS 파일에서 스타일 규칙을 변경할 수 있습니다. @ Justin808이 언급 한 내용입니다. 당신이 원한다면
그러나 동적이 사용 jQuery를 할 수있는, 자신의 도메인에 스타일, 과 iframe로드 페이지를 변경 :
$("iframe").contents().find("element-selector").css("border-color", "blue");
iframe로드 페이지의 경우 다른 도메인에서 운이 없다면 this link을 따르십시오. 왜 작동하지 않는지 조금 읽을 수 있습니다. 당신이 HTML5를 사용하는 경우
, 당신은 페이지와
iframe 사이의 통신에 postMessage를 사용할 수 있습니다.
의 솔루션은 당신이 그렇게 당신이 그것에 전달되는 매개 변수를 이해하고 편집 할 수있는 iframe 내부의 페이지에 "편집 액세스"이있는 경우 일을하고 그것을 따라 행동 할 것 @crdunst 그 매개 변수들. iframe 안에 페이지를 다시로드하고 다른 매개 변수 집합을 전달하여 스타일을 변경할 수 있기 때문에 jQuery를 사용하는 것만 큼 역동적이지 않습니다.
아플 시도 jQuery, 감사, –
그것은 나를 위해 작동하지 않습니다. –
user2146515를 참조하는 것이 맞는지는 모르겠지만 iframe 내의 페이지에 액세스 할 수 있으면 URL 값을 전달하고 iframe 내용 내에서 해당 값을 사용할 수 있습니다.
<iframe src="http://www.youriframecontent.com?bg=ffffff&text=000000"></iframe>
그 다음은 iframe 페이지 내에서 값을 확인하고 그 값을 기준으로 스타일을 추가
도메인의'iframe' src이 맞습니까? 그렇다면 표준 CSS를 사용하여 문제를 해결할 수 있습니다. 그렇지 않다면 ... 아무 것도 할 수 없습니다. – Justin808
iframe에 스타일 시트 참조를 넣습니다. – user1
http://stackoverflow.com/questions/6494721/css-over-body-style-for-content-in-iframe – zavg