CSS의 -moz-opacity 속성은 이미지의 투명도(opacity)를 설정하는 데 사용됩니다. 이 속성은 주로 모질라(Mozilla) 브라우저에서 투명한 이미지를 만들기 위해 활용되었습니다. 반면 인터넷 익스플로러(IE)에서는 filter:alpha(opacity=x) 방식을 사용하여 동일한 효과를 구현했습니다.
사용 예제
아래 코드를 실행하면 이미지에 스타일을 적용하고 CSS로 투명도를 설정할 수 있습니다.
<html> <head> </head> <body> <img style = "border:1px solid red;-moz-opacity:0.2;filter:alpha(opacity=50);" src="https://www.tutorialspoint.com/assets/videotutorials/courses/css_online_training/380_course_215_image.jpg" /> </body> </html>
참고 사항
-moz-opacity는 과거 파이어폭스(Firefox) 구버전에서만 지원되던 비표준 속성으로, 현재는 더 이상 사용되지 않습니다(deprecated). 최신 브라우저에서는 W3C 표준인 opacity 속성을 사용하는 것이 좋습니다.
예를 들어 opacity: 0.5;처럼 0(완전히 투명)부터 1(완전히 불투명) 사이의 값으로 투명도를 지정할 수 있으며, 모든 최신 브라우저에서 일관되게 작동합니다. 따라서 신규 프로젝트에서는 표준 opacity 속성을 사용하고, 아주 오래된 브라우저 호환성이 필요한 경우에만 위와 같은 접두사(prefix) 방식을 고려하시기 바랍니다.