2012-08-03 5 views
0

불투명도를 사용하고 있으며 이미지에 적용하고 싶습니다.불투명도가 ie9에서 작동하지 않습니다.

이 내 CSS 코드 : 그것은 파이어 폭스, 크롬과 사파리에서 잘 작동하지만, 인터넷 익스플로러 9에서 작동하지 않습니다

img { 
    opacity:0.4; 
    filter:alpha(opacity=40); 
} 

img:hover { 
    filter:alpha(opacity=100); 
    opacity:1; 
    -moz-opacity: 1.0; 
    -khtml-opacity: 1.0; 
} 

문제는 호버 효과에있다.

단순한 img에서 불투명도는 IE9에서 작동하지만 호버 효과는 작동하지 않습니다. 이 문제를 어떻게 해결할 수 있습니까?

+0

나를 잘 처리했습니다. DOCTYPE을 넣으려고 했습니까? –

+0

내가 그것을 시도하게해라. .. – Bibu

답변

0

불투명도는 아직 CSS 표준이 아닙니다. 그러나 모든 최신 브라우저에서 작동하며 W3C CSS 3 권장 사항의 일부입니다.

참조하십시오 : http://www.w3schools.com/Css/css_image_transparency.asp

기쁨 경우,

사용 호환성 모드

저도 같은 문제가 있었다
<meta http-equiv="X-UA-Compatible" content="IE=8" > 
+6

**는 w3schools를 이제까지 참조하지 않는다. 그들은 악명이 부정확합니다. – ssube

0

이 시도 : 히트 F12 (디버깅 콘솔), 다음 F5를 (새롭게 하다). IE9가 작은 상자를 팝업시킵니다 : 'Internet Explorer가이 페이지에서 스크립트 또는 ActiveX 컨트롤을 실행하지 못하도록 제한했습니다' '차단 된 콘텐츠 허용'버튼을 클릭하면 불투명도가 작동합니다.

자동으로 작동하는 방법을 잘 모릅니다.

관련 문제