웹마스터 팁
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
제목 | 글쓴이 | 날짜 |
---|---|---|
사용자가 sh 명령어를 이용하여, 웹상에서 실행한번으로. 계정 백업하기 [3] | 김동욱 | 2004.10.10 |
무단링크 방지설정 [12] | 토토루 | 2004.10.09 |
도메인 주소에 www 자동으로 붙이기 [2] | 토토루 | 2004.10.08 |
특정파일 엑세스 금지하기 [2] | 토토루 | 2004.10.08 |
아파치 로그관리 팁이요 [4] | 조정필 | 2004.10.01 |
[허접] turck-mmcache로 iis에서 php 빠르게하기
[3]
![]() | hanpedro | 2004.09.23 |
(LAMPLinux,Apache,MySQL,PHP) 새로운 기능 및 설치 | 손상모 | 2004.09.15 |
[튜닝] apache에서 이미지 캐싱 처리(mod_expires) [1] | 좋은진호 | 2004.09.02 |
DigiBBS 서버 이야기 2 - 서버 선택과 구매 | 박용구 | 2004.08.22 |
DigiBBS 서버 이야기 - IDC 방문 이야기 [2] | 박용구 | 2004.08.22 |
sh명령어를 이용한 웹사이트 관리 | 김동욱 | 2004.08.09 |
명령수행 결과를 파일로 저장(초간단) [5] | u2em | 2004.08.02 |
윈도우즈용 메일서버 추천- NMail [3] | u2em | 2004.07.19 |
MySQL 백업과 복구 [11] | u2em | 2004.07.11 |
Windows 2003에서 유저.내아이디.dnip.net 셋팅 [3] | u2em | 2004.07.08 |
IIS 6.0과 PHP 4.3.7 연동 [8] | u2em | 2004.07.06 |
IIS에서 아웃로그인,최근게시물이 htm,html 에선 안돼고 php에서만 될때 해결방법 [4] | kyjzz | 2004.07.01 |
왕초보를 위한 APM설치기...^^; [2] | 웰치스 | 2004.06.29 |
Red Hat Linux 의 복구 모드 간단한 사용법 [2] | u2em | 2004.06.28 |
웹호스팅 사용자를 위한 계정관리 스크립트 [5] | 알지로넷 | 2004.06.25 |