AWS AWS 디딤 클라우드

알림톡 통합메시징(알림톡)

이니톡 결제 이니톡(알림톡) 결제!

일본결제지원 일본결제지원!

이전
목록
다음
s

iframe 아이프레임 투명처리

senseme
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2013-03-08 (금) 20:52:20 · 4263 · 2
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에서 정상으로 보여줌
#개발자팁 #개발자 #팁자료실 #javascript
|

댓글 2개

쉽쉽다zzz
프로필 보기이 회원 글보기이 회원의 댓글보기
 2013-04-05 (금) 09:21:21
감사요~
사사진가
프로필 보기이 회원 글보기이 회원의 댓글보기
 2013-05-08 (수) 18:07:43
담아갑니다. 감사합니다~
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
16-05-11 조회 2,960
16-03-11 조회 2,754
16-03-09 조회 2,797
16-02-18 조회 2,890
16-01-28 조회 2,433
16-01-26 조회 2,447
16-01-22 조회 2,390
16-01-21 조회 2,452
16-01-14 조회 2,534
16-01-13 조회 2,416
16-01-12 조회 2,461
16-01-03 조회 3,218
16-01-03 조회 2,560
16-01-03 조회 2,720
16-01-02 조회 2,504
16-01-02 조회 2,580
16-01-02 조회 2,418
16-01-01 조회 2,695
16-01-01 조회 2,563
16-01-01 조회 2,624
15-12-31 조회 2,712
15-12-31 조회 2,723
15-12-31 조회 2,617
15-12-30 조회 2,633
15-12-30 조회 2,459
15-12-30 조회 2,452
15-12-29 조회 2,663
15-12-29 조회 2,771
15-12-29 조회 2,531
15-12-28 조회 2,510
15-12-28 조회 2,502
15-12-28 조회 2,437
15-11-26 조회 2,712
15-11-03 조회 3,172
15-11-02 조회 2,468
15-10-30 조회 3,045
15-10-30 조회 2,491
15-10-29 조회 2,581
15-10-03 조회 3,464
15-10-03 조회 2,731
15-10-02 조회 2,659
15-09-30 조회 2,554
15-09-30 조회 2,706
15-09-30 조회 2,784
15-09-30 조회 2,781
15-09-24 조회 2,743
15-09-24 조회 2,662
15-09-23 조회 3,037
15-09-23 조회 2,575
15-09-23 조회 2,646
15-09-23 조회 2,727
15-09-21 조회 2,579
15-09-21 조회 2,593
15-09-21 조회 2,662
15-07-02 조회 3,056
15-02-09 조회 4,483
15-01-24 조회 5,146
14-12-18 조회 5,158
14-11-21 조회 4,016
14-08-23 조회 3,761
14-08-11 조회 4,417
14-08-06 조회 5,987
14-08-01 조회 3,836
14-06-24 조회 5,644
14-05-18 조회 4,623
14-05-15 조회 4,494
14-05-15 조회 5,248
14-05-13 조회 4,689
14-05-09 조회 4,006
14-04-22 조회 4,493
14-04-16 조회 5,442
14-03-17 조회 7,181
13-11-12 조회 5,363
13-10-18 조회 4,368
13-10-15 조회 4,538
13-08-22 조회 4,501
13-08-18 조회 8,271
13-07-23 조회 7,089
13-07-23 조회 8,347
13-07-07 조회 5,227
13-05-18 조회 6,412
13-04-02 조회 6,008
13-04-02 조회 6,870
13-04-02 조회 7,227
13-04-02 조회 4,359
13-03-25 조회 3,798
13-03-20 조회 1.2만
13-02-12 조회 3,788
13-01-25 조회 4,576
13-01-17 조회 3,901
13-01-11 조회 4,134
13-01-01 조회 6,949
12-12-30 조회 5,872
12-12-17 조회 3,584
12-12-02 조회 7,185
12-11-29 조회 3,748
12-11-27 조회 4,790
12-10-05 조회 5,600
12-10-03 조회 4,478
12-09-14 조회 4,198
글쓰기