본문 바로가기

Daylogs/HTML

브라우저별 opacity 적용

발생일: 2009.05.15

문제:
브라우저별로 opacity를 적용하는 방법에 대한 정리가 필요하다.

해결책:
브라우저별 opacity를 적용하는 방법에 대해 매우 깔끔하게 정리되어 있는 사이트가 있다.

요약하자면,
.opacity {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // IE-8
filter: alpha(opacity=50); // IE-7
opacity: .5; // all-browser
}

이렇게 해주면 되겠다.




태그