본문 바로가기

IT노트(구)/HTML/CSS

div 투명도 설정하는 방법(opacity 이용)

css를 이용해서 div 투명도를 설정할 수 있다!

opacity를 이용하면 된다!(숫자가 낮을수록 더 투명해진다!)

예제는 다음과 같다!(IE8 이하 호환을 위해 filter도 같이 이용하면 좋다!)


<style>
div {
    background-color: red;
    opacity: 0.5;
    filter: Alpha(opacity=50); /* IE8 이하 호환을 위해서 */
}
</style>

<div>hello world</div>