본문 바로가기

html 레이어 요소(div, span, img 등) 투명도 조절하기

728x90
반응형
filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;

이 문장은 투명도를 80%로 하겠다는 뜻이다.

<div id="opacity" style="background:#ffffff;">내용</div>

이런 레이어가 있을 때 투명도를 조절하고 싶을 때는

<style>
	#opacity { filter:alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; }
</style>

흰 배경의 레이어 투명도를 40%로 했기 때문에 희미하게 배경이 투영 된 레이어가 된다.

728x90
반응형