인터넷정보

배경이미지가 보이는 투명한 아이프레임 만들기

알 수 없는 사용자 2007. 10. 16. 16:42
불러올 문서 즉 아이프레임의 문서 헤드 안에 아래 태그를 넣으세요.

<style type="text/css">
<!--
body {background-color:transparent; filter: Alpha(Opacity=40)} // 수치가 클수록 불투명.
// Opacity 값은 0에서 100까지 지정해줄 수 있습니다. 0은 완전투명, 100은 완전불투명
-->
</style>


그리고 위 문서를 삽입하는 문서에 아이프레임 태그안에 allowTransparency="true" 태그를 넣습니다.


<iframe src="위스타일시트가 들어간 문서 경로" allowTransparency="true"></iframe>


미리보기는 없구요. 이런 transparent를 적용한 게시판입니다 위 링크를 클릭해보세요.

이와 같은 형태입니다. 이미지를 대충 했더니 좀 어지럽죠. board1은 위 태그를 적용한거구요.

board2는 배경 이미지만 적용한 것입니다. 원래 이 게시판은 무료게시판의 글 목록 투명하게하기 에제라는....
반응형