웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
[HTML에 필터 적용] 알파 필터 filter: Alpha(Opacity= 적용에 주의할 참고사항들
2003.06.28 11:55
원문 링크 : http://www.100kwa.net/zeroboard/zboard.php?id=macro&no=12
존칭 생략함을 양해해 주시기 바랍니다.
배경그림을 주고 알파 필터 filter: Alpha(Opacity=를 적용하면 분위기가 꽤 세련되어 보인다.
우연히 발견한 현상(나만 몰랐나?)에 매료되어 백과넷에 기본 적용하고 있다.
메인 파일 또는 스타일파일에 다음과 같은 스타일시트를 정의한다.
<style>
.a75 { filter: Alpha(Opacity=75); }
</style>
그리고 표 또는 셀에 색상 FFFFF9 정도를 주고 class=a75 속성을 주면 된다.
그림은 백과넷 배경그림(무지개)처럼 청색 계열이
그러면 그 내용이 은은한 바탕에 배경도 아련히 보이면서, 아무튼 환상적이다.
그런데 주의할 점도 있고 해서 참고로 기록한다.
0.
별도 스타일파일을 사용함에 어려움을 느끼는 초보자라면 이렇게 사용해도 된다.
<table style="filter: Alpha(Opacity=75);">
<tr style="filter: Alpha(Opacity=75);">
<td style="filter: Alpha(Opacity=75);">
셋 중에 하나만 필요에 따라 골라 쓰면 될 것이다.
Opacity= 뒤의 수치는 높이거나 낮추어 가면서 배경그림과 어울리는 적당한 수치를 찾으면 된다.
백과넷 배경그림에 색상 FFFFF9에서는 75가 모양새나 내용 가독성이 우수한 것 같았다.
1.
필터를 겹으로 적용하면 표나 셀의 색상이 투명해지는지, 배경그림이 투명하게 드러나서 내용을 볼 때 가독성이 떨어지는 문제가 발생한다.
가령 메인파일의 표나 셀 안에서 include하는 경우, 메인파일의 표나 셀에도 필터를 주고 또 인클루드되는 파일에서도 필터를 준다면 그런 문제에 봉착하게 될 것이다.
이런 문제를 예방하기 위해 어떤 원칙을 정해두고 작업하는 것이 좋겠다.
경험을 통해 세워 본 작업 요령은 다음과 같다.
실제 내용이 있는 파일(부분)에만 필터를 적용한다.
다른 파일을 인클루드하는 표나 셀에는 필터를 적용하지 않는다.
2.
색상을 준 곳에 필터를 적용하지 않으면 필터 효과가 나타나지 않는다.
예컨대 표에 색상 FFFFF9를 주고 셀에 필터를 적용하거나, 셀에 색상 FFFFF9를 주고 표에 필터를 적용하면 필터 효과가 나타나지 않는다는 말이다.
글 보아 주셔서 감사합니다.
존칭 생략함을 양해해 주시기 바랍니다.
배경그림을 주고 알파 필터 filter: Alpha(Opacity=를 적용하면 분위기가 꽤 세련되어 보인다.
우연히 발견한 현상(나만 몰랐나?)에 매료되어 백과넷에 기본 적용하고 있다.
메인 파일 또는 스타일파일에 다음과 같은 스타일시트를 정의한다.
<style>
.a75 { filter: Alpha(Opacity=75); }
</style>
그리고 표 또는 셀에 색상 FFFFF9 정도를 주고 class=a75 속성을 주면 된다.
그림은 백과넷 배경그림(무지개)처럼 청색 계열이
그러면 그 내용이 은은한 바탕에 배경도 아련히 보이면서, 아무튼 환상적이다.
그런데 주의할 점도 있고 해서 참고로 기록한다.
0.
별도 스타일파일을 사용함에 어려움을 느끼는 초보자라면 이렇게 사용해도 된다.
<table style="filter: Alpha(Opacity=75);">
<tr style="filter: Alpha(Opacity=75);">
<td style="filter: Alpha(Opacity=75);">
셋 중에 하나만 필요에 따라 골라 쓰면 될 것이다.
Opacity= 뒤의 수치는 높이거나 낮추어 가면서 배경그림과 어울리는 적당한 수치를 찾으면 된다.
백과넷 배경그림에 색상 FFFFF9에서는 75가 모양새나 내용 가독성이 우수한 것 같았다.
1.
필터를 겹으로 적용하면 표나 셀의 색상이 투명해지는지, 배경그림이 투명하게 드러나서 내용을 볼 때 가독성이 떨어지는 문제가 발생한다.
가령 메인파일의 표나 셀 안에서 include하는 경우, 메인파일의 표나 셀에도 필터를 주고 또 인클루드되는 파일에서도 필터를 준다면 그런 문제에 봉착하게 될 것이다.
이런 문제를 예방하기 위해 어떤 원칙을 정해두고 작업하는 것이 좋겠다.
경험을 통해 세워 본 작업 요령은 다음과 같다.
실제 내용이 있는 파일(부분)에만 필터를 적용한다.
다른 파일을 인클루드하는 표나 셀에는 필터를 적용하지 않는다.
2.
색상을 준 곳에 필터를 적용하지 않으면 필터 효과가 나타나지 않는다.
예컨대 표에 색상 FFFFF9를 주고 셀에 필터를 적용하거나, 셀에 색상 FFFFF9를 주고 표에 필터를 적용하면 필터 효과가 나타나지 않는다는 말이다.
글 보아 주셔서 감사합니다.
댓글 2
-
네오
2003.06.28 16:20
-
토끼군
2003.07.21 17:29
적어도 넷스케이프*에선 먹지 않을 뿐 더러 표준도 아니라는 건 알아 두세요. :-) (7.0에서 glow 해 보니까 안 먹는 군요... =_=;)
제목 | 글쓴이 | 날짜 |
---|---|---|
회원 관리자 두기.. | DaKi | 2011.05.09 |
youtube (유튜브) 동영상 block없이 게시판에 embed 하기 [23] | 쏘프티 | 2011.05.10 |
서버이전후 캐시파일 재생성 안되시는분들 [2] | 우냠냠 | 2011.05.11 |
도와 주세요!!! Explorer 6에서는 제대로 보이는데 Explorer 7 이상에서는 사진이 안보여요 [2] | 이영규616 | 2011.05.12 |
th 엘리먼트에 scope 속성 사용
[1] ![]() | 엘카 | 2011.05.14 |
XE 공식 버튼2 삽입하기
[32]
![]() | 웹엔진 | 2011.05.14 |
따른사이트와 내채팅방 연동하기~!<미니온4편>
[7]
![]() | 토끼매니아 | 2011.05.15 |
XE core 1.4.5.7 코드 오류,(상자 위젯 배경 안될때) [2] | 홍성빈닌 | 2011.05.17 |
'왕' '왕초보'를 위한 ZB4-->XE버전으로 이전시 가장 간단한 순서 [1] | 쭈영 | 2011.05.17 |
XE 프로젝트 호스팅 SVN 내용을 Google 프로젝트 호스팅으로 이전하기
![]() | 난다날아 | 2011.05.17 |
모바일레이아웃에서의 통합검색 [11] | 카르마 | 2011.05.19 |
[PHP 기초] 연산자1 | 난다날아 | 2011.05.19 |
XE 첨부파일 문제로 게시판이 백지화 될때... [1] | 똑디 | 2011.05.20 |
드림위버로 FTP 파일 바로 수정하기 : FTP다운로드->수정->FTP업로드 번거러운 수정과정 X
[3]
![]() | Treasurej | 2011.05.21 |
SSH 지원안하는 웹호스팅에서 빠르게 XE설치하기.
[5]
![]() | DynamicLaser | 2011.05.22 |
유닉스에서 디스크 용량 체크 후 호출 해주는 프로그램 | 길버트전 | 2011.05.24 |
웹폰트의 개념과 사용법 [2] | hika1 | 2011.05.26 |
로그인풀림방지 - 주소 고정하기 [27] | ezi | 2011.05.28 |
XE를 홈페이지 루트에 설치하여 BGM 설치가 불가능할 때... [6] | Firstlove | 2011.05.29 |
다수의 업로드 mp3 파일 jwplayer로 재생하기 [3] | 공수래 | 2011.05.30 |
blur, chroma, DropShadow, Glow 등이 있습니다.
드림위버에서 쉽게 쓸수 있는 기능들이지요 ㅡ,.ㅡ;