2012-01-13 2 views
2

"불투명도 - 대체"를 IE 8에서 작동 시키려면 어떻게해야합니까?IE 8에서 자바 스크립트로 불투명도를 설정 하시겠습니까?

순수한 자바 스크립트, CSS 또는 jQuery 만 사용하고 싶습니다.

http://jsfiddle.net/snabbdesign/LeLfB/11/

+0

... – Hakan

+0

될 CSS는 JavaScript로 설정하는 것입니다. ;) 또한 일반적으로 e는 요소가 아니라 이벤트를 의미합니다. – epascarello

+1

CSS 전환 (IE의 버전과 같은)이없는 브라우저에서 페이딩 효과를 원한다면 이미 내장 된 라이브러리를 사용하고 싶지 않은 경우에는 자신 만의 자바 스크립트 애니메이션을 사용해야합니다. 여기에는 단계 값을 계산하고, 타이머를 설정하고, 시간 경과에 따라 불투명도 값을 조금씩 단계별로 적용합니다. 좋은 알고리즘은 계획 대비 계획의 진행 여부를 추적하고 이에 따라 단계 값을 조정합니다. 자세한 내용은 Google에서 '자바 스크립트 트위닝 애니메이션'을 검색하십시오. 모든 주요 라이브러리 (YUI, jQuery 등)에 내장되어 있습니다. – jfriend00

답변

4
e.filter = "alpha(opacity:" + value * 100 + ")"; 

이 필요 당신이 사용하는

e.style.filter = 'alpha(opacity=' + value*100 + ')'; 

통지 style와 내가 어떤 좋은 페이딩 효과를 넣고 IE10이없는 것을 알고 =

+0

'e.style.filter = 'alpha (opacity = 20)'; '단순하게 유지해야한다. 성공적으로 사용하고 표시되지 않으면 'overflow : auto;'를 설정하지 않으면 요소 높이가 있는지 확인한 다음 컨테이너가 내용의 맨 아래로 줄 것이고 불투명도가 표시됩니다 up "이라고 말합니다. – John

+0

여러 개의 필터가있는 경우 어떻게됩니까? ie8 그래디언트를위한 또 다른 것? –

관련 문제