웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
* 특정한 이미지 파일의 투명도 조절하기
2003.01.28 14:21
http://onpd.guideline.co.kr※ 특정한 이미지 파일의 투명도 조절하기.
일반적으로 배경 이미지로 사용하는 이미지는 약간 흐릿해야 예쁘게 보이지요?
이렇 때 opacity 값을 주어 투명도를 조절할 수 있습니다.
opacity 값이 "100"로 근사치 일수록 원본 색깔{불투명도}이 나오고 "0"으로 근사치
일수록 투명하게됩니다.
스타일 소스를 원하는 공간에 넣으면 됩니다.
<style="filter:alpha(opacity=50)">
1. 테이블에 사용시
<table style="filter:alpha(opacity=50)">
<tr>
<td>내용을 투명하게 하는 방법</td>
</tr>
</table>
2. 이미지에 사용시
<img src='이미지 이름' style="filter:alpha(opacity=50)">
3. 레이어에 사용시
<div id="Layer1" style="filter:alpha(opacity=50)"></div>
일반적으로 배경 이미지로 사용하는 이미지는 약간 흐릿해야 예쁘게 보이지요?
이렇 때 opacity 값을 주어 투명도를 조절할 수 있습니다.
opacity 값이 "100"로 근사치 일수록 원본 색깔{불투명도}이 나오고 "0"으로 근사치
일수록 투명하게됩니다.
스타일 소스를 원하는 공간에 넣으면 됩니다.
<style="filter:alpha(opacity=50)">
1. 테이블에 사용시
<table style="filter:alpha(opacity=50)">
<tr>
<td>내용을 투명하게 하는 방법</td>
</tr>
</table>
2. 이미지에 사용시
<img src='이미지 이름' style="filter:alpha(opacity=50)">
3. 레이어에 사용시
<div id="Layer1" style="filter:alpha(opacity=50)"></div>
댓글 5
-
날수없는하늘
2003.01.30 01:32
-
깜보
2003.02.16 03:45
하늘님//
<span style='FILTER:Alpha(opacity=65,finishopacity=0,style=1,startX=0,startY...어쩌구 저쩌구...>내용</span>
이런식으로 주시면 됩니다.....^^ -
OnceAgain
2003.02.27 22:24
style은 0~3까지 있구요.
0 : 단일
1 : 선형
2 : 타원형
3 : 직사각형 입니다.
finishopacity는 style 1,2,3,의 경우 불투명도의 영향을 주는 것으로써
0~100까지 수치조절이 가능합니다. -
리우크
2003.03.05 20:46
질문!! 필터효과를 많이 사용하면 페이지의 속도가 느려질것 같은데.. 정말 느려지는지 궁금합니다. -
아리마
2003.07.25 21:26
예~느려집니다~ㅡ0ㅡ
제목 | 글쓴이 | 날짜 |
---|---|---|
스크롤바 뒤집을때 문서 전체가 뒤집히는것 방지할때 [4] | K.샘 | 2003.02.01 |
* 특정한 이미지 파일의 투명도 조절하기 [5] | 장윤호 | 2003.01.28 |
핫키를 타겟에 적용시켜 봅시다-_- [3] | 위드 | 2003.01.21 |
input태그 type의 종류.. [14] | 날수없는하늘 | 2003.01.21 |
스크롤바 자동/예/아니오 [11] | 레드 | 2003.01.18 |
테이블 테그시 <td>옵션을 쉽게 작성/변경해 봅시다 [2] | 위대한위선자 | 2003.01.18 |
[레드의 태그중급]폼 태그..(이상해져서 삭제하구 다시 적습니다) [3] | 레드 | 2003.01.15 |
[HTML 초보자]동영상을 출력하자-8(Object) [1] | ZipShin | 2003.01.14 |
[레드의 태그초보]링크태그 [5] | 레드 | 2003.01.14 |
[레드의 태그초보]이미지삽입 태그 [2] | 레드 | 2003.01.14 |
[레드의 태그초보]아이프레임을 새롭게 구조하였습니다..(;;) [3] | 레드 | 2003.01.14 |
모바일(핸드폰용) 홈페이지 만들기. [8] | 고광욱 | 2003.01.13 |
테이블을 이용한 문서의 정렬 [4] | 서성원 | 2003.01.11 |
이미지 없이 그라데이션 효과 내기 - 수정. [7] | Pe-i | 2003.01.10 |
[1분짜리 팁!] 스크롤바 왼쪽으로 위치하게 하기! [6] | 찐군 | 2003.01.09 |
[1분짜리 팁!] 테이블 테두리 얇게 하기 [5] | 찐군 | 2003.01.09 |
[1분짜리 팁!] 마우스커서 바꾸기! [10] | 찐군 | 2003.01.09 |
기본에 충실하자. 표관련 태그 정리... [2] | 이기형 | 2003.01.09 |
글씨태그 | 조현원 | 2003.01.08 |
다중 테이블?? [7] | hooniv | 2003.01.03 |
혹시 폰트에도 투명도나 네온효과 블러효과를 줄수도 있나요?
질답게시판으로 옮겨야하나요? ㅡ _ ㅡ r