iframe를 쓰는 이유는 참 많다, 페이지 reload를 막고 내용을 바꿀때도 쓰이고,
근데,,, 종종 iframe의 사이즈에서 의도하지 않게 가져지는 현상이 일어나기도 한다.
[그림1] 붉은색이 의도하지 않게 뒷 내용을 가려버린 iframe의 범위 ㄱ-
가장 손쉽게 해결하는 방법은...
스타일상 투명하게 처리해 버리는 방법
(1) iframe 태그안에는 allowtransparency='true' 를 추가한다.
- 스타일이 아니라 <iframe id = 'xxx' allowtransparency = 'true' src="inframe.html" ...> </iframe> 라는것
(2) iframe되는 문서내의 body 스타일에 style="background-color:transparent" 을 추가한다.
- 즉, <body style="background-color:transparent"> 라는 의미 (삽입되어지는 inframe.html 에 추가해야함)
그럼...
아래 그림처럼 깔끔하게 된다.
브라보!
근데,,, 종종 iframe의 사이즈에서 의도하지 않게 가져지는 현상이 일어나기도 한다.
[그림1] 붉은색이 의도하지 않게 뒷 내용을 가려버린 iframe의 범위 ㄱ-
가장 손쉽게 해결하는 방법은...
스타일상 투명하게 처리해 버리는 방법
(1) iframe 태그안에는 allowtransparency='true' 를 추가한다.
- 스타일이 아니라 <iframe id = 'xxx' allowtransparency = 'true' src="inframe.html" ...> </iframe> 라는것
(2) iframe되는 문서내의 body 스타일에 style="background-color:transparent" 을 추가한다.
- 즉, <body style="background-color:transparent"> 라는 의미 (삽입되어지는 inframe.html 에 추가해야함)
그럼...
아래 그림처럼 깔끔하게 된다.
브라보!