2012-10-29 80 views
0

我到處都看了一眼,似乎無法找到適合我的答案。我在此頁面上使用JQuery的CSS方法設置了長全景樣式圖像的不透明度:http://www.prideoftameside.co.uk/default-redesign.htmJQuery CSS不透明度問題

在Chrome中,一切都很好,它很好地工作,並在div之間進行動畫處理。在IE中,它不設置不透明度。我已經嘗試在這些元素和父母身上設置縮放,但它根本不起作用。有誰知道任何可能的解決辦法?

的代碼專心位(不工作)是:

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

感謝,

詹姆斯

+1

我想像它在過渡代碼這就是問題。發佈一下,或者查看一下jQuery的'animate()'函數。 – Archer

+0

IE 6/7/8不支持您正在嘗試使用的不透明css,恐怕。 –

+0

嗨,實際上,正如Jasper在下面提到的那樣,應該通過JQuery跨瀏覽器兼容,所以這不是問題。如果我將它設置爲標題圖片,它適用於IE,所以我很困惑它爲什麼不能在這些圖片上工作。另外,只是我在IE 9中測試的記錄,它仍然支持不透明。 我不認爲它是過渡代碼,因爲它適用於Chrome和Firefox。我已經爲圖像添加了animate(),但仍然沒有運氣。 –

回答

0

對於IE 9 <你不能使用「不透明度「財產。 我不知道如果這是你的問題,但試試這個:

而是不透明的,使用

filter : alpha(opacity=100); 

使用jQuery:

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

jQuery爲您提供這種瀏覽器兼容性。 – Jasper

+0

感謝您的支持,但它是我嘗試過的許多修復程序中的一種,並未奏效。我已經添加它來證明它,並且在IE中仍然沒有運氣。我還添加了一些亂碼,顯然意味着在IE8中工作,但沒有。 –