본문 바로가기

DEV/HTML&CSS

[CSS]브라우저별 opacity 설정

.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