불러오는 iframe에서 background-color 지정하기

디자인상 iframe을 불러오면서 백그라운드 컬러 값을 지정해줄때가 있습니다.

지금도 프로젝트를 하면서 그런 상황인데, IE에서 background-color 가 먹히지 않는 다는것을 알게 되었습니다.

검색결과 iframe 속성에 allowTransparency="true" 를 추가 해주면 해결이 되었습니다.

 속성을 추가 한 이 후, iframe의 배경스타일을 transparent 로 변경해줍니다.

 <iframe src="sample2.html" width="698" height="81" frameborder="0" scrolling="auto" title="" allowTransparency="true"></iframe>

iframe {background:transparent;}