[IE전용] Iframe allowtransparency

카테고리 FE Development | 작성일

이 버그는 IE에서 Iframe을 사용 후 부모창의 Background색상을 비치도록 background:transparent를 주어도 투명하게 비쳐지지 않는 현상이 일어입니다.

증상

부모창의 색상이 비치지 않고 기본색상인 흰색상으로 보임

Iframe

 

원인

이 버그는 아래의 조건을 만족했을 경우에 나타납니다

  • 부모창의 background-color가 흰색이 아닐 경우
  • 사용자의 브라우저가 IE인 경우
  • 자식창을 투명하게 보이기 위하여 background:transparent 를 사용한 경우

 

해결법

부모창에서 자식창을 부르는 Iframe에 allowtransparency="true" 속성을 추가하여 해결 함

첨언

블로그나 카페와 같이 사용자가 웹페이지의 스킨을 변경 가능할 경우나 프로모션 페이지 처럼 화려한 배경을 원하는 경우 발생할 수 있는 이슈입니다.
allowtransparency 속성은 IE 전용 속성으로 유효성 검사결과 비표준 속성으로 확인되었습니다.

작성자NTS 접근성팀 NULI
프로필 사진
널리 공유하는 웹 표준 개발 가이드
태그
allowtransparency
Trackbacks 7619
엮인글 주소 http://nuli.nhncorp.com/845/trackback