2012-01-15 2 views
1

크롬 확장을 위해 iframe을 망쳐 봤는데 iframe과 관련된 많은 문제가있는 것 같습니다. 어쨌든 iframe을 웹 사이트에 삽입했습니다 (교차 도메인). 내가 원하는 것은 iframe 배경 이미지가 부모 페이지 배경을 상속하는 것입니다 (그래서 혼합됩니다). 그래서 이것은 내가 시도하는 것입니다 :chrome javascript dom iframe backgroundimage 제거

//Setup iframe attributes 
iframe.setAttribute("id","injected_frame"); 
iframe.setAttribute("src", 'google.com'); 
iframe.setAttribute("width","100%"); 
iframe.setAttribute("height","425"); 
iframe.setAttribute("frameborder","0"); 
iframe.setAttribute("scrolling","auto"); 
iframe.setAttribute("style","backgroundImage: inherit"); <-- undefined error 

기본적으로 그냥 작동하지 않습니다, 배경이 동일하게 유지하고 이것을 시도 할 때 정의되지 않은 오류가 발생합니다.

+0

오 나는 또한 시도했다 object.body.style과 마지막 줄을 교체 추천의 취득 정의되지 않은 오류뿐만 아니라 것입니다. –

답변

1

"backgroundImage: inherit""background-image: inherit"으로 변경할 수 있지만 iframe의 다른 인라인 스타일은 스타일 속성을 완전히 재설정한다고 생각되어 손실 될 수 있습니다.

따라서, 내가 대신 iframe.style.backgroundImage = "inherit";

+0

둘 다 정의되지 않음> . –

+0

잠시 기다려야 iframe에 iframe이 포함될 때 google.com의 배경을 변경하려고합니다. 그렇다면 도메인 간 제한으로 인해 JS로 인해 가능하지 않다고 생각합니다. 읽기 : http://stackoverflow.com/questions/217776/how-to-apply-css-to-iframe –

+0

글쎄, 구글 부분은 단지 예일뿐입니다. 그렇습니다. 기본적으로 달성하려는 부분입니다. 나는 그것을 많이 봤 거든 그것에 대한 동일한 응답을 크로스 도메인 제한으로 인해 가능하지 않습니다. 이것은 내가 만들려고 노력 오전 구글의 확장은 manifest.json을 파일에 권한을 줄이 수 (SOFAR 내가 했어 운)도하지 않습니다 안된다? 대신 CSS를 사용하여 iframe의 src url에 내용 스크립트를 사용하려고 시도합니다. 잘하면 그게 효과가있을거야. –