2013-01-10 5 views
0

나는 다음과 같은 CSS 클래스가 있습니다CSS 불투명도

.transparency 
{  
    -webkit-opacity: 0.5; 
    -moz-opacity: 0.5; 
    filter:alpha(opacity=50); 
} 

내가 불을 지르고에로드 된 CSS 파일의 클래스를 보면, 클래스가 비어까지 보여줍니다. 그래서 불을 지르고, 그것은 기본적으로 다음과 같습니다 없다 : 나는이에 수업 내용을 변경하는 경우

.transparencyPlayPause 
{ 
} 

는, 클래스가 더 이상 비어

.transparencyPlayPause { 디스플레이 : 없음; }

그런 행동을 본 사람이 있습니까?

+0

Chrome DevTools 사용, D – veritas

+0

브라우저 호환성을 위해 [MDN 페이지] (https://developer.mozilla.org/en-US/docs/CSS/opacity#Browser_Compatibility)를 확인하십시오 (Firefox는 일반 'opacity'를 사용함). . – Jeroen

+0

감사합니다. 귀하의 링크가 매우 도움이되었습니다. – sotn

답변

2

파이어 폭스에서 지원하지 않는 속성이므로 파이어 버그는 규칙 내에서 구문 분석 된 속성을 볼 수 없습니다.

-webkit--moz-을 제거하고 -ms-filter을 추가해야합니다.