jQuery應用css不透明度

Question

我試圖讓IE在不工作的情況下工作，此刻我在IE8中測試，Chrome等工作正常，但IE8是可怕的。

我的代碼已經：

$('#mydiv').animate({'opacity': '0.5'}); 

和

$('#mydiv').css('opacity', 0.5); 

不透明度應用到該專區內舉行的圖片，但沒有文字，這是非常令人氣憤:(誰能幫助我？在此先感謝。

Answer 1

嘗試這樣的：

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* IE 8 */ 
filter: alpha(opacity=75); /* older IEs */ 

希望這是你

Answer 2

試試這個

filter: alpha(opacity=50); 

代替

opacity:0.5; 

Answer 3

IE8一點兒也不適用的不透明度爲withoute佈局元素。看到這個答案Opacity CSS not working in IE8

Answer 4

$有益的（ '＃mydiv'）fadeTo（0.5）。

或

$（ '＃mydiv'）fadeTo（500,0.5）。

或

$（ '＃mydiv'）fadeTo（ 「慢」，0.5）;

http://api.jquery.com/fadeTo/

Answer 5

jQuery的句柄使用css("opacity", value)和fade*()方法時設定的不透明度在IE≥6兼容的方式你，這兩者。但一定要使用與IE 6,7和8兼容的jQuery 1.x庫，而不是（兼容IE≥9的）jQuery 2.x。

下面是使用css("opacity", value)和fadeTo(duration, opacity)的例子：

• 的jQuery 1.x的：http://jsbin.com/xabexa/2/edit?html,js,output
• jQuery的2.X：http://jsbin.com/xabexa/3/edit?html,js,output

不過，也有問題在IE≤8與半透明PNG的不透明度有關： How to solve/hack fading semi-transparent PNG bug in IE8?