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년 전
담아갑니다. 감사합니다~
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 6330 |
 gilynh |
12년 전 | 1790 | |
| 6329 |
내가짱니네가짱
|
12년 전 | 1226 | |
| 6328 |
AMDbest
|
12년 전 | 487 | |
| 6327 | 12년 전 | 1697 | ||
| 6326 | 12년 전 | 1329 | ||
| 6325 | 12년 전 | 7616 | ||
| 6324 |
AMDbest
|
12년 전 | 2194 | |
| 6323 |
 KIMys |
12년 전 | 1967 | |
| 6322 | 12년 전 | 2029 | ||
| 6321 | 12년 전 | 2471 | ||
| 6320 |
senseme
|
12년 전 | 569 | |
| 6319 | 12년 전 | 3715 | ||
| 6318 | 12년 전 | 1371 | ||
| 6317 |
kiplayer
|
12년 전 | 6414 | |
| 6316 | 12년 전 | 1010 | ||
| 6315 | 12년 전 | 962 | ||
| 6314 |
상엽나르도
|
12년 전 | 1281 | |
| 6313 |
검은고양이1983
|
12년 전 | 651 | |
| 6312 | 12년 전 | 3114 | ||
| 6311 | 12년 전 | 1413 | ||
| 6310 |
testers
|
12년 전 | 1480 | |
| 6309 | 12년 전 | 983 | ||
| 6308 | 12년 전 | 2598 | ||
| 6307 | 12년 전 | 1643 | ||
| 6306 | 12년 전 | 432 | ||
| 6305 | 12년 전 | 3495 | ||
| 6304 | 12년 전 | 996 | ||
| 6303 | 12년 전 | 822 | ||
| 6302 | 12년 전 | 1188 | ||
| 6301 | 12년 전 | 5561 | ||
| 6300 |
 ideaman |
12년 전 | 1194 | |
| 6299 |
AMDbest
|
12년 전 | 2802 | |
| 6298 |
AMDbest
|
12년 전 | 2245 | |
| 6297 |
프리랜서개발자
|
12년 전 | 468 | |
| 6296 | 12년 전 | 2927 | ||
| 6295 |
SUPERMANs
|
12년 전 | 1377 | |
| 6294 | 12년 전 | 1290 | ||
| 6293 | 12년 전 | 1343 | ||
| 6292 |
오늘도망했다
|
12년 전 | 3264 | |
| 6291 |
senseme
|
12년 전 | 2025 | |
| 6290 |
senseme
|
12년 전 | 3683 | |
| 6289 |
senseme
|
12년 전 | 8574 | |
| 6288 |
senseme
|
12년 전 | 4168 | |
| 6287 |
senseme
|
12년 전 | 3734 | |
| 6286 |
senseme
|
12년 전 | 1356 | |
| 6285 |
senseme
|
12년 전 | 1429 | |
| 6284 |
프로프리랜서
|
12년 전 | 3152 | |
| 6283 |
프로프리랜서
|
12년 전 | 3986 | |
| 6282 |
프로프리랜서
|
12년 전 | 4389 | |
| 6281 |
프로프리랜서
|
12년 전 | 1604 | |
| 6280 | 12년 전 | 1285 | ||
| 6279 |
AMDbest
|
12년 전 | 873 | |
| 6278 | 12년 전 | 975 | ||
| 6277 |
senseme
|
12년 전 | 2715 | |
| 6276 |
senseme
|
12년 전 | 2731 | |
| 6275 |
senseme
|
12년 전 | 1254 | |
| 6274 |
 raineye |
12년 전 | 2795 | |
| 6273 | 12년 전 | 1270 | ||
| 6272 | 12년 전 | 8458 | ||
| 6271 |
senseme
|
12년 전 | 1503 | |
| 6270 |
senseme
|
12년 전 | 3764 | |
| 6269 |
senseme
|
12년 전 | 6378 | |
| 6268 |
senseme
|
12년 전 | 1559 | |
| 6267 | 12년 전 | 2837 | ||
| 6266 | 12년 전 | 577 | ||
| 6265 | 12년 전 | 1300 | ||
| 6264 | 12년 전 | 1152 | ||
| 6263 |
senseme
|
12년 전 | 1313 | |
| 6262 |
senseme
|
12년 전 | 3309 | |
| 6261 |
senseme
|
12년 전 | 1084 | |
| 6260 |
senseme
|
12년 전 | 1820 | |
| 6259 |
senseme
|
12년 전 | 1252 | |
| 6258 |
senseme
|
12년 전 | 915 | |
| 6257 | 12년 전 | 1405 | ||
| 6256 | 12년 전 | 2097 | ||
| 6255 |
senseme
|
12년 전 | 1377 | |
| 6254 |
senseme
|
12년 전 | 1262 | |
| 6253 |
senseme
|
12년 전 | 1783 | |
| 6252 |
kiplayer
|
12년 전 | 14776 | |
| 6251 | 12년 전 | 1066 | ||
| 6250 | 12년 전 | 867 | ||
| 6249 | 12년 전 | 2720 | ||
| 6248 |
senseme
|
12년 전 | 8959 | |
| 6247 | 12년 전 | 1285 | ||
| 6246 |
프로프리랜서
|
12년 전 | 1166 | |
| 6245 |
프로프리랜서
|
12년 전 | 1626 | |
| 6244 |
프로프리랜서
|
12년 전 | 1129 | |
| 6243 |
프로프리랜서
|
12년 전 | 1259 | |
| 6242 |
프로프리랜서
|
12년 전 | 3545 | |
| 6241 |
프로프리랜서
|
12년 전 | 1451 | |
| 6240 |
프로프리랜서
|
12년 전 | 2122 | |
| 6239 |
softhead
|
12년 전 | 1141 | |
| 6238 |
senseme
|
12년 전 | 1308 | |
| 6237 |
senseme
|
12년 전 | 3025 | |
| 6236 | 12년 전 | 869 | ||
| 6235 | 12년 전 | 1334 | ||
| 6234 | 12년 전 | 1602 | ||
| 6233 | 12년 전 | 2027 | ||
| 6232 | 12년 전 | 2136 | ||
| 6231 | 12년 전 | 2562 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기