Firefox에서 투명레이어 설정하기

관리하고 있는 홈페이지의 이미지가 Firefox에서는 정상적으로 보이지 않는 문제를 해결하기 위해 검색중에 발견한 방법입니다.

Firefox에서 투명레이어 설정하는 방법.
http://www.domedia.org/oveklykken/css-transparency.php 에 따르면

The current situation with CSS and Transparency (or translucency / opacity) is:

• The Web Standard in CSS 3 for creating transparency or opacity is only supported by Safari and newer (Mozilla) Firefox.
• The CSS3 standard way of declaring transparency is opacity: 0.5;
• Mozilla (version 1.6 and below) uses the property -moz-opacity:0.5; for transparency.
• IE uses the propietary filter:alpha(opacity=50);

즉.. CSS에서 opacity:0;moz-opacity:0;filter:alpha(opacity=0) 로 하면 IE, Firefox 에서 모두 투명한 레이어를 사용할 수 있을 것 같습니다.

실제로 적용해보니 잘 되는군요.