JQuery가 iframe에서 배경을 제거했습니다.

라이트 박스 효과 내에서 iframe을 통해로드되는 페이지에서 배경 이미지를 삭제하려고합니다. 본문이 선택한 iframe 내의 올바른 요소인지 확인했지만 백그라운드 이미지가 사라지지 않습니다. 나는 명백한 것을 놓치고 있는가?JQuery가 iframe에서 배경을 제거했습니다.

var body = jQuery('#fancybox-frame').contents().find('body'); 

body.css({ 
'background': 'none', 
'background-image': 'none', 
'background-color': '#fff' 
});

UPDATE :은 현재이 요소에 대한 내 CSS는 (개똥 벌레)에 따라 읽고

body { 
    background-color:#5A7E92; 
    background-image:url("/images/background.gif"); 
    border:10px solid #021E2F; 
    font-family:verdana,san-serif; 
    font-size:10pt; 
    margin:auto; 
}

UPDATE : 당신은 "메일"을 클릭하여 예를 여기에서 볼 수있는 링크 .... http://www.retailcustomerexperience.com/article/21532/GlobalShop-DOOH-measurement-essential-for-reaching-customers

출처

2010-03-22 Webnet

어떤 페이지를로드하고 있습니까? – SLaks

프레임 된 페이지가 상위 페이지와 동일한 도메인에 있습니까? –

예 그들은 같은 도메인에 있습니다. – Webnet

배경은 아마도 다른 요소에 있습니다.

Firebug에서 의 페이지를 검사하고 배경이있는 요소를 확인하십시오.

출처

2010-03-22 13:09:57 SLaks

body 요소에 있습니다. – Webnet

값을 비우면 예상 한대로 실제로 수행되지 않을 것이라고 생각합니다. 배경을 '상속'으로 설정하고 그 결과를 확인하십시오.

출처

2010-03-22 13:11:26 Seaux

시도해 보니 효과가 없습니다. – Webnet

background-image에서 none으로 변경해보십시오. 그 CSS 속성에 대한 유효한 값이며, 나는 당신의 배경 이미지를 명시 적으로 제거 할 것이라고 믿습니다.

출처

2010-03-22 13:24:05 Aaron

나는 그걸 시도했지만 아무런 결과도 얻지 못했다. – Webnet

이것은 완전한 대답은 아니지만 답변을 찾는 데 도움이 될 수 있습니다.

<iframe frameborder="0" style="width:756px;height:439px;background-image:none;background-color:transparent" src="http://janemonheitonline.com/photos?KeepThis=true&amp;" hspace="0" allowtransparency="true"> </iframe>

"allowtransparency"는 Internet Explorer에서 iframe의 배경 이미지와 배경색을 제거하는 데 필요합니다. 이 코드를 사용하면 배경 이미지가 본문이 아닌 iframe에 있는지 확인할 수 있습니다.

http://janemonheitonline.com 에서 코드 작동 방식을 확인할 수 있습니다.

출처

2010-03-22 13:34:54

JQuery가 iframe에서 배경을 제거했습니다.

답변

관련 문제