• 아이프레임 활용 1 <투명하게, 불투명하게>
  • Zappy (IP: *.230.163.22)
    조회 수: 12443, 2013-10-29 14:14:51(2006-01-04)
  • [배경색을 그대로 보여주는 아이프레임]
    <iframe src="들어갈 문서이름"  frameborder="0" width="300" height="200" marginwidth="0" marginheight="0"  topmargin="0" scrolling="auto" allowtransparency="true"></iframe>

    일단 아이프레임 소스 제일 뒤에 아래 소스를 넣어주세요.
    allowTransparency="true"
    옆에 있는 아이프레임 안의 소스는 배경이 투명하게 보이는 아이프레임 소스입니다. 단 들어갈 문서이름만 바꿔주시면 되요.
    그리고 아이프레임으로 들어갈 문서의 바디에다가는 아래 소스를 다시 삽입하세요..
    style="background-color:transparent"
    그럼 전체 바디소스는 아래와 같이 바뀝니다.
    <body bgcolor="white" text="black" link="blue" vlink="purple" alink="red" style="background-color:transparent">



    [배경색을 조금 흐리게 만드는 아이프레임]
    <iframe style="filter: Alpha(Opacity=50);" src="들어갈 문서이름" frameborder="0" width="300" height="200" marginwidth="0"  marginheight="0" topmargin="0" scrolling="auto"></iframe>
    물론 수치를 바꾸어서 흐려지는 정도를 조절할 수 있습니다.
    이번 아이프레임은 위의 배경이 다 보이는 투명한 아이프레임보다 조금 더 쉬워요^^
    그냥 아이프레임 소스 제일 뒤에 아래 소스만 넣어주면 됩니다.
    style="filter: Alpha(Opacity=50);"
    글구 들어가야 할 문서엔 아무것도 안 넣어도 되구요..설마 위에꺼랑 해깔려서리 괜히 엉뚱한 거 집어넣으시면 안 됩니다...^^
    마지막으로 <50>이라는 숫자는 맘대로 바꾸셔도 된답니다

댓글 0

번호 제목 닉네임 조회  등록일 
34 Zappy 19905 2006-01-21
33 Zappy 10523 2006-01-04
32 Zappy 26887 2006-01-04
Zappy 12443 2006-01-04
30 Zappy 9861 2006-01-04
29 Zappy 11191 2006-01-04
28 Zappy 10449 2006-01-04
27 Zappy 22818 2006-01-04
26 Zappy 11227 2006-01-04
25 Zappy 9075 2006-01-04
XE Login