웹마스터 팁
투명한 아이프레임
2002.04.04 21:03
아, 이런것 사용하시는 분이 있으실 건데요..
저도 사용해봤는데 그 아이프레임 태그에 추가해주는 것만으로는 적용이 안되더군요.
<iframe frameborder="0" height="400" leftmargin="0" marginheight="0" marginwidth="0" scrolling="auto" src="문서;;" topmargin="0" width="724" name="dice" allowtransparency="true">
여기에서 frameborder:테두리, height:높이, leftmargin:왼쪽여백, marginheight:여백높이, marginwidth:여백너비, scrolling:스크롤바의 생성유무(yes:생성, no:생성안함, auto:자동으로 생성), src:아이프레임 문서경로, topmargin:위쪽여백, width:너비, name:아이프레임을 프레임처럼 링크를 걸때 사용하는 아이프레임 고유의 이름, allowtransparency:투명하게 만드는것..
다 아시겠죠? 저걸 추가하기만 하고 브라우저에서 보면, 안됩니다.
제가 그래서 실패해봤거든요? 그래서 이거 소스 본곳에서 아이프레임에 들어갈 문서 소스를 잠깐 봤더니 이게 있더군요.
<body style="background-color:transparent">
이걸 꼭 아이프레임에 들어갈 문서에다가 추가를 해주셔야 해요. 안그러면 하얀색으로 나오거든요 --; 그리고 여기에서 배경색 지정해주는 태그가 있다면 그건 없애 주시구요..^^
이러면 투명하게 됩니다. 또 alpha 값 사용해서 반투명하게 쓰시는 분들 있죠? 그건 안먹히더라구요. 저는 익스 6.0 영문버전 쓰는데 --;; 최신버전인데도 안되더군요.
도움이 될지 모르겠군요. 그럼 안녕히 --;;
저도 사용해봤는데 그 아이프레임 태그에 추가해주는 것만으로는 적용이 안되더군요.
<iframe frameborder="0" height="400" leftmargin="0" marginheight="0" marginwidth="0" scrolling="auto" src="문서;;" topmargin="0" width="724" name="dice" allowtransparency="true">
여기에서 frameborder:테두리, height:높이, leftmargin:왼쪽여백, marginheight:여백높이, marginwidth:여백너비, scrolling:스크롤바의 생성유무(yes:생성, no:생성안함, auto:자동으로 생성), src:아이프레임 문서경로, topmargin:위쪽여백, width:너비, name:아이프레임을 프레임처럼 링크를 걸때 사용하는 아이프레임 고유의 이름, allowtransparency:투명하게 만드는것..
다 아시겠죠? 저걸 추가하기만 하고 브라우저에서 보면, 안됩니다.
제가 그래서 실패해봤거든요? 그래서 이거 소스 본곳에서 아이프레임에 들어갈 문서 소스를 잠깐 봤더니 이게 있더군요.
<body style="background-color:transparent">
이걸 꼭 아이프레임에 들어갈 문서에다가 추가를 해주셔야 해요. 안그러면 하얀색으로 나오거든요 --; 그리고 여기에서 배경색 지정해주는 태그가 있다면 그건 없애 주시구요..^^
이러면 투명하게 됩니다. 또 alpha 값 사용해서 반투명하게 쓰시는 분들 있죠? 그건 안먹히더라구요. 저는 익스 6.0 영문버전 쓰는데 --;; 최신버전인데도 안되더군요.
도움이 될지 모르겠군요. 그럼 안녕히 --;;
댓글 15
-
냐옹-ㅂ-
2002.12.28 01:55
-
ζ술도짱ζ
2002.04.05 15:10
-
황진숙
2002.04.23 13:34
안녕하세요..iframe을 사용하려고 하는데요..
map을 사용한 부분에서도 아이프레임을 사용할 수 있는지요..제가 해보닌까 잘 되지를 않더군요..어떻게 하는 방법을 가르쳐주셨으면 합니다.. -
김진권
2002.04.26 13:19
말씀하신데로 해 봤는데...ㅜ.ㅜ
잘 안되네요... 똑같이 나와요...
문제가 뭔지 ㅡ.ㅡ;; -
지영
2002.06.17 23:49
아이프레임에다 제로보드 방명록 넣은 경우는 어떻게 하나요?
방명록은 html문서가 아니라 끼워넣을 수도없는것 같은데...잘몰라서요. 답변 부탁드릴께요. -
kama
2002.06.18 00:26
익스플로러 버전에 따라 약간의 차이가 있습니다..
익스플로러 버전업 해보세요..
5.5 이상에선 잘 나옵니다.. -
하지메
2002.08.19 18:21
쿨럭... 무조건 5.5이상에서만 나온다면... 만든이에게는 보이겠지만 그리 실용성은 없을듯...
나 자신만 보는 것이 아니라 다양한 손님들을 대하면서 사용하는 것인데... 5.5이하 쓰는 사람은 보이지가 않는다는 소리... 아직까지 그리 활성화되지 않은 5.5이상이라는 사양이 있으면 차라리... -
ZipShin
2002.11.06 10:11
오래전부터 알게됨 -
신진희
2002.12.18 20:57
좋은정보 감사드려여~ ^^ -
Tapi군-_-
2003.04.06 12:16
불투명은 opaque 인데.. ;
transparents 해서 불투명되는건.. 아마 오타라서 인식을 못하여서..;
노멀상태로 보여주는게 아닐지(불투명이 디폴트죠?) -
쇼너
2003.05.03 11:16
아...아이프레임에 들어갈 대상에다가
<body style="background-color:transparent">를 넣어줘야 하는거군요..
게시판의 경우엔 게시판 설정에서
페이지 상단에 출력할 내용에 추가하니깐 되군요^^
고마워용^-^ -
Choco♬
2003.07.22 16:48
엄청 많이 찾고 해보고 실패했는데-_ㅠㅠ
성공했어요!
감사합니다(__) -
빨간고추
2003.07.28 19:42
그냥 제로보드 게시판 관리 기본설정 변경에 가셔서
기본설정-배경색상을 transparent 라고 하시구요
아이프레임 속성에 allowtransparency=true 태그 추가 하시면 되는거 같은데요 ? -
로리γ
2003.08.07 20:55
성공성공 TㅁT 감사합니다 -
루나피
2004.12.11 19:07
감사합니다 고맙습니다. ^^
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
| 오늘 시험문제인 카드맞추기 게임..^^ [12] | {동준짱} | 2002.05.18 |
| 테이블 정렬. 상하로 딱 가운데에 맞춰지지 않을때... [2] | :: N.styLE :: | 2002.05.18 |
| DHTML의 시작 - Form에 대해 (3) - Button, Select 엘리먼트 [1] | Legend | 2002.05.16 |
| ActiveX control... [4] | ☆봄비ㆀ | 2002.05.11 |
| iframe태그.. HTML문서안에 또하나의 HTML문서.. [9] | 신종은 | 2002.05.09 |
| DHTML의 시작 - Form 예제 (폼처리 HTML) | Legend | 2002.05.09 |
| 하이텔에서 가져오는 서울특별시와 광역시 날씨 [3] | 김희섭 | 2002.04.30 |
| 배경음악과 동영상 삽입 <embed> [7] | 제이지라 | 2002.04.26 |
| DHTML의 시작 - Typing 스크립트 (예제) [2] | Legend | 2002.04.19 |
| DHTML의 시작 - Form에 대해 (2) - input 엘리먼트 [5] | Legend | 2002.04.18 |
| DHTML의 시작 - Form에 대해 (1) [2] | Legend | 2002.04.14 |
| DHTML의 시작 - CSS와 객체 관계 [2] | Legend | 2002.04.12 |
| 이미지에 DHTML로 테두리를 만들어보자..포토샵 저리가라~~ [4] | ZipShin | 2002.04.11 |
| DHTML의 시작 - HTML 구조 및 자바스크립트 객체지정법 [4] | Legend | 2002.04.11 |
| 투명한 아이프레임 [15] | 파야 | 2002.04.04 |
| 점선테이블..만들기 [6] | 각설탕 | 2002.03.31 |
| 엔지오식 레이어 메뉴 구성하기 (허접) [3] | 정영순 | 2002.03.28 |
| 유군 스타일 웹사이트 제작법 [15] | 유군-_-)/ | 2002.03.20 |
| 스크롤바 색상을 이쁜것만 모와요 [6] | ZipShin | 2002.03.16 |
| 인코딩 정보 일본어, 중국어, 스페인어 [3] | 탐그루 | 2002.03.16 |
투명은 <body style="background-color:transparent">이고
불투명은 <body style="background-color:transparents">하니까 되더라구요..;