.opacity { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // IE-8 filter: alpha(opacity=50); // IE-7 opacity: .5; // all-browser -moz-opacity: 0.5; // Netscape -khtml-opacity: 0.5; // Safari 1.x }
브라우저 별로 투명도를 조절하는 css 속성이 다른데
위의 코드처럼 opacity 클래스를 투명도 별로 만들어서 사용하면 좋음
반응형
'DEV > HTML&CSS' 카테고리의 다른 글
[CSS] 치지직 채팅 커스텀CSS (0) | 2024.04.17 |
---|---|
[CSS] 트윕 챗박스 커스텀CSS (0) | 2019.04.03 |
CSS 포지션(Position) (0) | 2019.04.03 |
[CSS]white-space (0) | 2017.03.14 |
CSS 가운데 정렬 (0) | 2017.03.14 |