[Javascript] Iframe 투명 처리

요즘 게임 운영 페이지 등을 만드느라, script를 짤일이 자주 생기네요.

전 java는 자신있지만.. 스크립트와 화면 관련된 속성 값은 정말 자신이 없더군요.

최근에 iframe에 웹페이지를 링크시켜서 보여줄 일이 생겨서 찾아 보는 도중에

마침 테두리때문에 고민이었는데, 투명으로 표시해주는 자료를 찾아서 아래와 같이 가져왔답니다. ^^

 

보통은

<iframe allowTransparency = "true" /> 이렇게들 사용하시는데

이것은 W3C Validation (웹표준) 에 어긋나는 문법이라고들 하더군요.

 

따라서 아래와 같이 onload시에 모든 iframe태그를 찾아서 속성을 넣어주는 방식으로 우회해서 사용한답니다.

 

<script type="text/javascript">
onload = function() {
var frames = document.getElementsByTagName('iframe');   // iframe태그를 하고 있는 모든 객체를 찾는다.
for(var i = 0; i < frames.length; i++)  {
frames[i].setAttribute("allowTransparency","true");  // allowTransparency 속성을 true로 만든다.
        }
}
</script>