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년 전
담아갑니다. 감사합니다~
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 6530 |
퍼블리셔강
|
12년 전 | 644 | |
| 6529 | 12년 전 | 1299 | ||
| 6528 | 12년 전 | 619 | ||
| 6527 | 12년 전 | 788 | ||
| 6526 | 12년 전 | 6576 | ||
| 6525 | 12년 전 | 548 | ||
| 6524 | 12년 전 | 835 | ||
| 6523 | 12년 전 | 482 | ||
| 6522 | 12년 전 | 530 | ||
| 6521 | 12년 전 | 797 | ||
| 6520 | 12년 전 | 737 | ||
| 6519 | 12년 전 | 1738 | ||
| 6518 |
가슴시린하늘
|
12년 전 | 1723 | |
| 6517 | 12년 전 | 1360 | ||
| 6516 | 12년 전 | 5225 | ||
| 6515 | 12년 전 | 1494 | ||
| 6514 | 12년 전 | 1595 | ||
| 6513 | 12년 전 | 950 | ||
| 6512 | 12년 전 | 1973 | ||
| 6511 | 12년 전 | 1367 | ||
| 6510 | 12년 전 | 3053 | ||
| 6509 |
프로프리랜서
|
12년 전 | 2547 | |
| 6508 |
프로프리랜서
|
12년 전 | 1897 | |
| 6507 |
프로프리랜서
|
12년 전 | 2372 | |
| 6506 |
프로프리랜서
|
12년 전 | 1852 | |
| 6505 |
프로프리랜서
|
12년 전 | 1631 | |
| 6504 | 12년 전 | 1019 | ||
| 6503 | 12년 전 | 1126 | ||
| 6502 |
프로프리랜서
|
12년 전 | 5551 | |
| 6501 |
프로프리랜서
|
12년 전 | 2595 | |
| 6500 |
프로프리랜서
|
12년 전 | 3080 | |
| 6499 |
프로프리랜서
|
12년 전 | 1748 | |
| 6498 |
프로프리랜서
|
12년 전 | 1460 | |
| 6497 | 12년 전 | 803 | ||
| 6496 |
yunkiri486
|
12년 전 | 1806 | |
| 6495 | 12년 전 | 915 | ||
| 6494 | 12년 전 | 1490 | ||
| 6493 | 12년 전 | 2758 | ||
| 6492 |
오늘도망했다
|
12년 전 | 2335 | |
| 6491 |
오늘도망했다
|
12년 전 | 1677 | |
| 6490 |
오늘도망했다
|
12년 전 | 6654 | |
| 6489 |
오늘도망했다
|
12년 전 | 2491 | |
| 6488 |
홈피119
|
12년 전 | 697 | |
| 6487 | 12년 전 | 663 | ||
| 6486 | 12년 전 | 1406 | ||
| 6485 | 12년 전 | 2049 | ||
| 6484 | 12년 전 | 896 | ||
| 6483 | 12년 전 | 706 | ||
| 6482 | 12년 전 | 1332 | ||
| 6481 | 12년 전 | 1464 | ||
| 6480 |
Header
|
12년 전 | 687 | |
| 6479 |
 grapedw |
12년 전 | 1123 | |
| 6478 |
개초보제이
|
12년 전 | 1392 | |
| 6477 | 12년 전 | 782 | ||
| 6476 | 12년 전 | 1071 | ||
| 6475 | 12년 전 | 3669 | ||
| 6474 | 12년 전 | 1417 | ||
| 6473 | 12년 전 | 961 | ||
| 6472 | 12년 전 | 842 | ||
| 6471 |
AMDbest
|
12년 전 | 1202 | |
| 6470 |
jinmuk
|
12년 전 | 1443 | |
| 6469 |
jinmuk
|
12년 전 | 4242 | |
| 6468 |
jinmuk
|
12년 전 | 5568 | |
| 6467 | 12년 전 | 688 | ||
| 6466 |
jinmuk
|
12년 전 | 2263 | |
| 6465 |
jinmuk
|
12년 전 | 6728 | |
| 6464 |
jinmuk
|
12년 전 | 2403 | |
| 6463 |
jinmuk
|
12년 전 | 9320 | |
| 6462 |
희망과열정
|
12년 전 | 522 | |
| 6461 |
Header
|
12년 전 | 722 | |
| 6460 |
희망과열정
|
12년 전 | 1348 | |
| 6459 |
프리랜서개발자
|
12년 전 | 1667 | |
| 6458 | 12년 전 | 1321 | ||
| 6457 |
jinmuk
|
12년 전 | 1932 | |
| 6456 |
jinmuk
|
12년 전 | 2337 | |
| 6455 |
jinmuk
|
12년 전 | 3190 | |
| 6454 |
jinmuk
|
12년 전 | 2162 | |
| 6453 |
jinmuk
|
12년 전 | 2337 | |
| 6452 |
jinmuk
|
12년 전 | 2307 | |
| 6451 |
jinmuk
|
12년 전 | 1587 | |
| 6450 |
jinmuk
|
12년 전 | 1392 | |
| 6449 |
jinmuk
|
12년 전 | 1035 | |
| 6448 |
jinmuk
|
12년 전 | 1228 | |
| 6447 |
jinmuk
|
12년 전 | 2002 | |
| 6446 |
jinmuk
|
12년 전 | 1561 | |
| 6445 |
jinmuk
|
12년 전 | 1262 | |
| 6444 |
jinmuk
|
12년 전 | 2303 | |
| 6443 |
jinmuk
|
12년 전 | 2041 | |
| 6442 |
jinmuk
|
12년 전 | 1882 | |
| 6441 |
jinmuk
|
12년 전 | 1614 | |
| 6440 |
jinmuk
|
12년 전 | 2314 | |
| 6439 |
jinmuk
|
12년 전 | 1133 | |
| 6438 |
wndProc
|
12년 전 | 774 | |
| 6437 | 12년 전 | 392 | ||
| 6436 |
senseme
|
12년 전 | 539 | |
| 6435 | 12년 전 | 1043 | ||
| 6434 | 12년 전 | 2471 | ||
| 6433 | 12년 전 | 2479 | ||
| 6432 | 12년 전 | 1556 | ||
| 6431 |
밥먹고합시다
|
12년 전 | 1182 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기