iframe을 일종의 라이트 박스 컨테이너로 사용하고 있으며 URL을로드 한 후 iframe 내용의 스타일을 변경해야하지만이 작업을 수행 할 수없는 것 같습니다. CSS 또는 jquery 함께.로드 된 iframe의 스타일 변경하기

iframe html body {text-align:center} 
$('iframe html body').css('text-align','center');

을 그리고 둘, 나는 또한 다른 속성을 설정하려고 한 어떤 효과가 나타납니다,하지만 모든 내용에 영향을 미치지 않습니다 :

나는 노력했다.

이 작업을 수행 할 수 있습니까 ??

$('iframe').load(function() { 
    $(this).height($(this).contents().height()); 
    $(this).width($(this).contents().width()); 
});

이 작품 :

편집

OK, 이것은, 실제로 동적으로로드 된 내용에 따라 iframe이의 폭과 높이를 설정하기 위해 노력하고 브라우저 관련 문제가 될 것으로 보인다 사파리와 크롬에서,하지만 파이어 폭스에서 전혀 효과가있다! iframe이 부모 프레임과 동일한 도메인에있는 경우

2012-12-01 crankshaft

도메인에 iframe이 있습니까? – zeMinimalist

@SimonHartigan - 네, 같은 도메인 – crankshaft

, 당신은 사용할 수 있습니다

$("iframe").contents();

2012-12-01 04:30:57

시도 : $ ('# lb_ilf'). 내용() .css ('text-align', 'center'); (lb_ilf는 iframe ID 임) -하지만 그 중 하나는 작동하지 않습니다! – crankshaft

iFrame의 src에 외부 페이지와 동일한 도메인이 있습니까? –

을 정확히 여기에 달성하기 위해 노력하고 있습니다 무엇 ... 당신이 할 수있는 한 가지가 iframe을 a를 제공? class 또는 id를 지정하고 CSS에서 지정할 스펙을 정의하십시오. 예를 들어 ..

되는 HTML

<iframe id="some_name"></iframe>

CSS를

#some_name{ 
    text-align:center; 
}

이 당신이에 무엇을해야합니다.

2012-12-01 05:38:57 Optiq

고마워,하지만 그건 그냥 예일 뿐이므로, iframe에서 모든 요소의 속성을 수정할 수 있기를 원합니다. – crankshaft

로드 된 iframe의 스타일 변경하기