iframe 아이프레임 투명처리
iframe의 배경을 투명하게 만들어주는 속성인 allowTrensparency 가 비표준인것을...
어차피 아이프레임 조차도 익스 전용태그이니 쓰는걸 자제해야겠지만
일을하다보면 어쩔수 없이 써야할때가 있는데
아이프레임 안에 들어가는 웹페이지의 body 스타일의 백그라운드 컬러를 아이프레임 외부와
동일하게 쓰는 방법으로 위의 속성을 안쓰고 넘어가려 했더니
또 문제가 발생...
아이프레임을 감싸고 있는 div를 특정조건에 따라 다른 색의 클래스로 변경을 해야 하는데
이럴경우 아이프레임 안 웹페이지의 body color만 바꿔썬 한번에 해결이 안되더란 ... 두둥.. ㅇㅅㅇ;;
덕분에 구글링 열쒸미~~~
완벽하게 해결되는 해결책은 없지만
w3c validation을 통과하는 방법은
웹페이지에서는 allowtransparency속성을 제외하고 iframe만 쓴후
자바스크립트로 해당 아이프레임의 투명속성을 부여하는 방식으로다가 해결하는.... 편법 발견//
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
<script type="text/javascript">
onload = function()
{
var theframes = document.getElementsByTagName('iframe');
for(var i = 0; i < theframes.length; i++)
{
theframes[i].setAttribute("allowTransparency","true");
}
}
</script>
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
이 스크립트를 페이지 상단에 추가해주면
웹페이지상에서 iframe태그들을 찾아서 태그의 속성중 allowTransparency="true"란 속성을
추가해주게끔 되어있다.
익스8에서 정상으로 보여줌
댓글 2개
쉽다zzz
12년 전
감사요~
12년 전
담아갑니다. 감사합니다~
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7830 | 10년 전 | 462 | ||
| 7829 |
 gilynh |
10년 전 | 649 | |
| 7828 | 10년 전 | 572 | ||
| 7827 | 10년 전 | 474 | ||
| 7826 | 10년 전 | 496 | ||
| 7825 | 10년 전 | 528 | ||
| 7824 | 10년 전 | 487 | ||
| 7823 | 10년 전 | 429 | ||
| 7822 | 10년 전 | 405 | ||
| 7821 | 10년 전 | 347 | ||
| 7820 | 10년 전 | 370 | ||
| 7819 |
 ABC디자인 |
10년 전 | 769 | |
| 7818 | 10년 전 | 428 | ||
| 7817 | 10년 전 | 607 | ||
| 7816 | 10년 전 | 446 | ||
| 7815 | 10년 전 | 641 | ||
| 7814 | 10년 전 | 478 | ||
| 7813 | 10년 전 | 434 | ||
| 7812 | 10년 전 | 443 | ||
| 7811 | 10년 전 | 419 | ||
| 7810 | 10년 전 | 622 | ||
| 7809 | 10년 전 | 553 | ||
| 7808 | 10년 전 | 434 | ||
| 7807 | 10년 전 | 443 | ||
| 7806 |
프로그래머7
|
10년 전 | 1364 | |
| 7805 | 10년 전 | 1309 | ||
| 7804 |
zahir1312
|
10년 전 | 805 | |
| 7803 |
ABC디자인 |
10년 전 | 1405 | |
| 7802 | 10년 전 | 506 | ||
| 7801 | 10년 전 | 885 | ||
| 7800 | 10년 전 | 1111 | ||
| 7799 | 10년 전 | 594 | ||
| 7798 | 10년 전 | 541 | ||
| 7797 | 10년 전 | 561 | ||
| 7796 | 10년 전 | 397 | ||
| 7795 | 10년 전 | 549 | ||
| 7794 | 10년 전 | 592 | ||
| 7793 | 10년 전 | 1089 | ||
| 7792 | 10년 전 | 517 | ||
| 7791 | 10년 전 | 612 | ||
| 7790 | 10년 전 | 534 | ||
| 7789 |
fbastore
|
10년 전 | 1487 | |
| 7788 | 10년 전 | 591 | ||
| 7787 | 10년 전 | 448 | ||
| 7786 | 10년 전 | 654 | ||
| 7785 | 10년 전 | 629 | ||
| 7784 | 10년 전 | 692 | ||
| 7783 | 10년 전 | 512 | ||
| 7782 | 10년 전 | 536 | ||
| 7781 | 10년 전 | 938 | ||
| 7780 | 10년 전 | 847 | ||
| 7779 | 10년 전 | 799 | ||
| 7778 | 10년 전 | 393 | ||
| 7777 | 10년 전 | 506 | ||
| 7776 | 10년 전 | 501 | ||
| 7775 | 10년 전 | 437 | ||
| 7774 | 10년 전 | 647 | ||
| 7773 | 10년 전 | 403 | ||
| 7772 | 10년 전 | 778 | ||
| 7771 | 10년 전 | 437 | ||
| 7770 | 10년 전 | 674 | ||
| 7769 | 10년 전 | 434 | ||
| 7768 | 10년 전 | 655 | ||
| 7767 | 10년 전 | 1207 | ||
| 7766 | 10년 전 | 537 | ||
| 7765 | 10년 전 | 597 | ||
| 7764 |
잘살아보자
|
10년 전 | 455 | |
| 7763 |
 foxrain |
10년 전 | 1503 | |
| 7762 |
Tosea
|
10년 전 | 1088 | |
| 7761 | 10년 전 | 692 | ||
| 7760 |
잘살아보자
|
10년 전 | 765 | |
| 7759 |
잘살아보자
|
10년 전 | 603 | |
| 7758 |
잘살아보자
|
10년 전 | 660 | |
| 7757 | 10년 전 | 1290 | ||
| 7756 |
ITBANK
|
10년 전 | 1290 | |
| 7755 | 10년 전 | 1945 | ||
| 7754 | 10년 전 | 1104 | ||
| 7753 | 10년 전 | 923 | ||
| 7752 | 10년 전 | 1425 | ||
| 7751 |
잘살아보자
|
10년 전 | 581 | |
| 7750 |
잘살아보자
|
10년 전 | 510 | |
| 7749 |
잘살아보자
|
10년 전 | 535 | |
| 7748 |
잘살아보자
|
10년 전 | 561 | |
| 7747 |
잘살아보자
|
10년 전 | 639 | |
| 7746 |
잘살아보자
|
10년 전 | 701 | |
| 7745 |
잘살아보자
|
10년 전 | 951 | |
| 7744 |
잘살아보자
|
10년 전 | 441 | |
| 7743 | 10년 전 | 972 | ||
| 7742 |
starbros
|
10년 전 | 866 | |
| 7741 |
잘살아보자
|
10년 전 | 709 | |
| 7740 |
잘살아보자
|
10년 전 | 598 | |
| 7739 |
잘살아보자
|
10년 전 | 487 | |
| 7738 |
잘살아보자
|
10년 전 | 564 | |
| 7737 |
잘살아보자
|
10년 전 | 542 | |
| 7736 |
잘살아보자
|
10년 전 | 562 | |
| 7735 |
잘살아보자
|
10년 전 | 899 | |
| 7734 |
잘살아보자
|
10년 전 | 455 | |
| 7733 |
잘살아보자
|
10년 전 | 566 | |
| 7732 |
잘살아보자
|
10년 전 | 731 | |
| 7731 |
잘살아보자
|
10년 전 | 655 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기