2014.12.16 16:19

객체 투명도 조정하기

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%로 했기 때문에 희미하게 배경이 투영 된 레이어가 된다.

        

Trackback 0 Comment 0