웹마스터 팁
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 해 보니까 안 먹는 군요... =_=;)
blur, chroma, DropShadow, Glow 등이 있습니다.
드림위버에서 쉽게 쓸수 있는 기능들이지요 ㅡ,.ㅡ;