희안한 css [투명한 프레임과 투명한 이미지]

한대호

· 19년 전 · 조회 3944 3944 · 댓글 1 1

특이한 css 코드를 알게 되어서 공개합니다.
필요하신분 유용하게 쓰시구 코멘트 달아주심 정말 감사하겠습니다.
이런거 올렸다고 돌 맞진 않겠죠? 처음 하는거라 무지 쫄고 있어요. 여기가 올리는게 맞는지도 모르겠구..
눈치껏 들어왔건만...-_-;;

허접 강좌를 시작합니다.

이것은...
<html>
<head>
</heaD>
<body>그냥iframe 입니당.</body>
</html>

바디에, <body style="background-color:transparent"> 를 넣으면 완전한 투명프레임이 됩니다.
반투명은 iframe에 style="filter: Alpha(Opacity=65);" 필터 스타일을 넣어주시기만 하면 되요.

투명한 이미지 만들기
<img src="그림파일경로" style="filter:alpha(style=2, opacity=100, finishopacity=0)">

여기서 style의 값은
0에서 3까지 선택 가능하고.
0은 단일
1은 선형
2는 타원
3은 직사각형의 형태로 투명도가 들어가구요,

opacity는
그림의 투명도
기본값은 100이고 0-100까지..

finishopacity는 style 1,2,3 의 경우 불투명도에 영향을 주는데.
0~100 까지 수치조절이 가능

보나스로~

이것도 어디서 주워들은 팁인데요.
요새..이미지들 상당히 크지요.
플래시라면 프리로더라도 있지만, 이미지 읽히느라 시간을 많이 뺏는다고 생각하신다면요. 이 팁을 이용하세요.

그 앞의 페이지의 맨 아래에
<img src="불러들일 이미지" width="1" height="1"> 을 넣어놓으면
컴터는 순식간에 이미지를 읽어들이고,
다음페이지에선 이미지 읽어 들이는 시간이 필요 없다는...-_-;;;;

아.. 글올리고 나서 긴장....긴장......
문제있으면 얘기해 주세요..

http://www.nzeo.com/bbs/zboard.php?id=p_html&page=1&sn1=&divpage=1&category=2&sn=off&ss=on&sc=off&select_arrange=vote&desc=desc&no=559<div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 16:54:41 CSS에서 이동 됨]</div>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 1개

swinter

프로필 보기 이 회원 글보기

18년 전

좋은 팁입니다...감사..

게시글 목록

번호	제목	글쓴이	조회	날짜
10705	Linux LINUX 해킹당했을 때 대처요령 2	산하	3,528	19년 전
10698	기타 인물사진을 위한 다단계 리사이즈 6	AGAWEB	2,687	19년 전
10697	Flash 웹문서에 페이지 로딩중 효과 \| SCRIPT	AGAWEB	3,435	19년 전
10693	JavaScript 플래쉬에서팝업창띄우기 3	AGAWEB	3,434	19년 전
10687	Flash 플래쉬 팁 여러가지 5	AGAWEB	3,138	19년 전
10683	기타 페이지 전체 가운데 정렬 margin: 0 auto; 3	플록	5,427	19년 전
10681	기타 /home에 있는 계정을 계정별로 따로 백업하는 스크립트 1	AGAWEB	2,156	19년 전
10680	기타 가상콘솔의 갯수 조절하여 메모리 절약하기	AGAWEB	2,205	19년 전
10677	기타 proftp 에서 사용자가 상위 폴더로 이동을 못하게... 2	AGAWEB	2,302	19년 전
10671	기타 아파치 웹서버 속도 빠르게 하기 위한 최적화 팁 5	AGAWEB	3,380	19년 전
10670	JavaScript smtp로 메일보내기(102번 게시물과는 다른 방법)	거친들판	3,689	19년 전
10666	Flash 플래시로 웹페이지 만들면서 아주 중요한 팁!! 3	AGAWEB	3,733	19년 전
10664	JavaScript 아이프레임 자동으로 늘어나는 자바 스크립트. 1	AGAWEB	2,338	19년 전
10658	Flash 패치문제 하나의 js파일만 만들고 여러개의 플래쉬무비 해결하는 방법 5	AGAWEB	2,382	19년 전
10656	기타 samba서버에 한글이름으로 된 파일을 올리면, ssh 및 ftp에서 깨져 보일경우 1	AGAWEB	2,677	19년 전
10653	PHP 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 7 2	산하	3,026	19년 전
10652	정규표현식 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 6	산하	2,449	19년 전
10651	Linux 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 5	산하	2,618	19년 전
10650	기타 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 4	산하	2,438	19년 전
10649	Linux 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 3	산하	2,194	19년 전
10648	Flash 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 2	산하	3,219	19년 전
10646	MySQL 중급자를 위한 리눅스 서버 세팅 순서와 자동 설치 스크립트 소스 - 부분 1 1	산하	3,278	19년 전
10645	Linux 리눅스 CD로 망가진 파일복구하기	산하	3,017	19년 전
10642	MySQL 25가지 sql 작성법 2	AGAWEB	4,854	19년 전
28809	HTML union top n 가져오기 1	AGAWEB	2,683	19년 전
10641	기타 SQL 서버 관리자가 알아야 할 11가지 유용한 팁	AGAWEB	3,293	19년 전
10638	JavaScript 이미지 테두리 없애기 스타일 시트 2	AGAWEB	3,122	19년 전
10637	기타 [Javascript] 레이어 스크립트 소스 \| +JavaScript	AGAWEB	1,972	19년 전
10636	JavaScript window.open property \| +JavaScript	AGAWEB	3,111	19년 전
10635	기타 자신 사이트 메일 주소 사용하기 체크박스 \| +JavaScript	AGAWEB	1,855	19년 전
28808	HTML 주민번호 앞자리에서 뒷자리로 자동이동 \| +JavaScript	AGAWEB	2,323	19년 전
10634	JavaScript 이메일 selectbox \| +JavaScript	AGAWEB	2,392	19년 전
10632	JavaScript [Javascript] 끊기지 않는 배너 롤링 1	AGAWEB	3,970	19년 전
28807	HTML [자바스크립트] 오늘 날짜 함수	AGAWEB	3,158	19년 전
28806	HTML [자바스크립트] 라디오 버튼 비활성	AGAWEB	3,082	19년 전
10631	JavaScript [Javascript] id값 변수명으로 치환	AGAWEB	2,526	19년 전
10630	기타 [Javascript] 마우스 & 키보드 제한 스크립트	AGAWEB	1,992	19년 전
10629	기타 무단링크 금지 스크립트	AGAWEB	1,630	19년 전
28805	HTML 익스플로러 6의 이미지 도구모음(저장버튼 등) 뜨는 것 막기.	AGAWEB	2,397	19년 전
10627	JavaScript 상태바의 링크 주소 감추기 1	AGAWEB	2,317	19년 전
10626	기타 동영상 마우스 오른쪽 버튼 막기	AGAWEB	1,809	19년 전
10625	기타 shift, ctrl (쉬프트, 컨트롤)키 클릭하면 경고메세지 띄우기	AGAWEB	1,804	19년 전
28804	HTML 새로고침(F5), 전체창(F11) 막기	AGAWEB	2,596	19년 전
28803	HTML 프레임 소스보기 막기	AGAWEB	2,569	19년 전
10624	기타 마우스 오른쪽 버튼 클릭시 경고 메세지	AGAWEB	1,869	19년 전
10623	기타 마우스 오른쪽메뉴, 드래그, 선택복사 금지하기	AGAWEB	2,099	19년 전
28802	HTML [Javascript] TEXTAREA에서 특정 문자열 선택 하기	AGAWEB	3,286	19년 전
10622	기타 팝업창 중앙에 위치 시키기	AGAWEB	1,940	19년 전
10620	PHP 본문에 주민등록번호가 포함되면 경고 1	AGAWEB	2,481	19년 전
10619	PHP 입력내용중의 일부만 보여주고 x 표시 할때	AGAWEB	2,559	19년 전
10618	기타 아파치 하고 연동될때 GET 방식 한글처리	AGAWEB	2,649	19년 전
10616	기타 CSS공부에 도움이되는 홈페지 추천합니다 1	AGAWEB	2,927	19년 전
10615	기타 제가 유용하게 쓰는 홈페이지 백업 방법(웹호스팅)	AGAWEB	2,553	19년 전
10613	Linux * Linux를 가볍게 사용 하고자 하는자 원추 * 1	AGAWEB	2,966	19년 전
10611	MySQL 서버 상태 값 주기적으로 메일로 발송하기 1	AGAWEB	2,751	19년 전
28799	HTML FODORA 에서 영문 LINUX 상태에서 한글 입력방법 2	AGAWEB	3,508	19년 전
10610	JavaScript 이미지도용막기	현댕이	1,857	19년 전
10608	기타 530 Must perform authentication before identifying USER. 1	관리자	2,721	19년 전
28798	HTML 유용한 PHP성능 개선을 위한 팁	AGAWEB	2,358	19년 전
10604	JavaScript 작업창이 상단메뉴바까지 올라가서 옮길수 없을때.. 3	AGAWEB	2,007	19년 전
28794	HTML 포토샵 화면이 좁을경우.. 3	AGAWEB	2,416	19년 전
10602	기타 마우스 툴부분이 점선으로 나올때.. 1	AGAWEB	1,861	19년 전
10600	MySQL '2006-09-08 오전 12:20:23' 형식 datetime 으로 바꾸기 1	AGAWEB	5,431	19년 전
28793	HTML sql2005 fulltext PDF 검색	AGAWEB	2,247	19년 전
10596	Flash 웹에서 플래시파일 다운 받는 프로그램 입니다. 3	AGAWEB	4,232	19년 전
10595	JavaScript 리눅스 SendMail 속도 UP	AGAWEB	2,287	19년 전
10593	기타 폼 검증용 함수 1	은이워니	1,836	19년 전
28792	HTML 홈페이지 메인에 많이 사용되는 리스트 클래스	은이워니	2,579	19년 전
28791	HTML 홈페이지 카운터는 클래스 모드로 만들어 봤습니다.	은이워니	2,318	19년 전
28790	HTML 콤보박스 출력용 함수	은이워니	2,519	19년 전
10592	JavaScript 특정 확장자의 아이콘을 링크 테그형태로 만들어 주는 함수	은이워니	2,152	19년 전
28789	HTML 파일업로드 클래스~~	은이워니	3,901	19년 전
28787	HTML 날짜비교 함수 1	은이워니	3,407	19년 전
10591	JavaScript 자주사용하는 자바스크립트를 클래스로 묶어봤습니다.	은이워니	2,190	19년 전
10590	기타 자동선택툴 강좌와 파일 열기 팁	Power	2,096	19년 전
10589	JavaScript nylon 을 이용해 리눅스에서 sock4/5 운영하기	바람내음	1,965	19년 전
28785	HTML PHP에서 특정 폴더를 못읽어 들인다고 할 경우 1	오운현	1,981	19년 전
10588	JavaScript Ajax강의- 두번째 강의의 pdf(프리젠테이션) 41-49	pearly	4,355	19년 전
10587	기타 Ajax강의- 두번째 강의의 pdf(프리젠테이션) 21-40	pearly	3,339	19년 전
28783	HTML 테이블안에 있는 글 자동 정렬하기 1	작은새	2,765	19년 전
10586	기타 Ajax강의- 두번째 강의의 pdf(프리젠테이션) 1-20	pearly	3,336	19년 전
28782	HTML Ajax강의- 첫번째 강의의 pdf중 발표문건 61-65	pearly	2,990	19년 전
10585	JavaScript Ajax강의- 첫번째 강의의 pdf중 발표문건 51-60	pearly	2,829	19년 전
10574	PHP 그냥 호기심에 만들어본 대수 곱하기 10	유창화	2,331	19년 전
10571	JavaScript 자신의 별자리 2	MCLUB	2,148	19년 전
10570	JavaScript Ajax강의- 첫번째 강의의 pdf중 발표문건 41-50	pearly	2,472	19년 전
28778	HTML Fedora Core FTP로 설치 3	관리자	3,088	19년 전
10568	기타 UTF-8 CHARACTER SETS 1	어게인	2,112	19년 전
10567	기타 Ajax강의- 첫번째 강의의 pdf중 발표문건 31-40	pearly	3,106	19년 전
28777	HTML Ajax강의- 첫번째 강의의 pdf중 발표문건 21-30	pearly	3,237	19년 전
10564	기타 레이어안에 달력 2	카이루	2,906	19년 전
10562	기타 일반적인 형태의 전체크기 윈도우 열기 1	Elbis	1,927	19년 전
10561	기타 채널모드로 윈도우 열기	Elbis	1,694	19년 전
28776	HTML 전체화면으로 페이지 열기	Elbis	2,307	19년 전
10559	JavaScript 여러가지 방법으로 창닫기 1	Elbis	2,241	19년 전
10558	기타 텍스트 상자에서 반복 하여 스크롤 됩니다	Elbis	1,615	19년 전
28775	HTML 이번에는 텍스트영역에서 메세지별로 타이핑 시킵니다	Elbis	1,649	19년 전
28774	HTML 텍스트 상자에서 메세지가 타이핑 됩니다	Elbis	1,555	19년 전
10557	JavaScript 가짜 카운터 달기	Elbis	2,057	19년 전
10556	기타 날짜를 2001/01/01 형식으로 보여주기	Elbis	1,606	19년 전

이전 다음

72 73 74 75 76

전체 목록