JQuery CSS 불투명도 문제

나는 어디에서나 훑어 보았고 나에게 맞는 대답을 찾지 못했습니다. 이 페이지에서 JQuery의 CSS 방법을 사용하여 긴 파노라마 스타일 이미지의 불투명도를 설정하고 있습니다 : http://www.prideoftameside.co.uk/default-redesign.htm.JQuery CSS 불투명도 문제

Chrome에서는 모두 정상적으로 동작하며 div간에 애니메이션이 적용됩니다. 그러나 IE에서는 불투명도를 설정하지 않습니다. 나는 그 요소들과 부모들에 대한 줌을 설정하려했지만, 전혀 작동하지 않습니다. 누구든지 작동 할 수있는 수정 사항을 알고 있습니까? 에 집중하는 코드의 비트 (즉, 작동하지 않는)

입니다 :

$('.introimg:not(:eq(0))').css({ 'opacity' : '0' }); 
$('.introimg:eq(0)').css({ 'opacity' : '1' });

감사합니다,

제임스

출처

2012-10-29 James R

나는 그것이의 전환 코드 상상 것 그게 문제 야. 게시하거나 대신 jQuery'animate()'함수를 살펴보십시오. – Archer

IE 6/7/8은 내가 사용하려고하는 불투명 CSS를 지원하지 않습니다. 두렵습니다. –

사실 Jasper가 JQuery 덕분에 브라우저 간 호환이 가능해야한다고 아래에서 언급 했으므로 그 점은 문제가 아닙니다. 머리글 이미지로 설정하면 Internet Explorer에서 작동하므로 실제로 해당 이미지에서 작동하지 않는 이유에 대해 의아해합니다. 또한, 기록을 위해 IE 9에서 테스트 중이며 여전히 불투명도를 지원해야합니다. Chrome과 Firefox에서 작동하므로 전환 코드라고 생각하지 않습니다. animate()를 이미지에 추가 했는데도 여전히 운이 좋지 않습니다. –

IE <를 들어 9 개의 당신은 "불투명도를 사용할 수 없습니다 "재산. 이 문제의 경우 잘 모르겠지만,이 시도 :

대신 불투명도의

, jQuery를 함께

filter : alpha(opacity=100);

를 사용

$('.item').css({ 'filter' : 'alpha(opacity=100);' });

출처

2012-10-29 17:00:29

jQuery가이 브라우저 호환성을 제공합니다. – Jasper

고마워요.하지만 시도한 많은 수정 중 하나입니다. 나는 그것을 증명하기 위해 추가했고, 여전히 IE에서는 운이 없다. 나는 또한 IE8에서 작동하도록 의도 된 일부 잘못된 코드를 추가했지만 그렇지 않습니다. –

JQuery CSS 불투명도 문제

답변

관련 문제