2013-07-30 98 views
0

在這個例子中,我基本上只想讓元素透明,如果他們已經啓用了JavaScript。我通過在.js文件中添加名爲'trancent'的類來完成此操作。但是,當檢查向下兼容性IE 7和8出於某種原因,即使他們添加類,該樣式不起作用。他們也成功地刪除了同一個文件中的不同類。這在任何其他瀏覽器或甚至以後的IE中都不是問題。IE 7和8不添加類

任何人都可以破譯爲什麼IE 7和8這樣做?

(function(){ 
$('.contentdivbody .lightblue').removeClass('invis'); 
$('.nonejavainfo').slideUp(0); 

logolist = $('.logolist li img'); 
masssarea = $('#maparea .mapele'); 

logolist.addClass('trancent'); 
masssarea.addClass('trancent'); 
$('#maparea .mapelerings').addClass('invis'); 

$("a.newwindow").click(function() { 
     window.open(this.href); 
     return false; 
}); 
})(); 

CSS

.trancent{ opacity: 0.7; }

回答

1

IE7和IE8不支持opacity風格,所以我的猜測是,jQuery是添加類就好了,但它沒有做任何事情,因爲如就IE而言,這裏沒有風格。

如果您需要支持的不透明度在舊版本的IE中添加以下樣式類:

-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /* IE8 */ 
filter: alpha(opacity=75); /* IE6, IE7 */ 

希望有所幫助。

+0

是的,我想通過在發佈問題之前添加類,但忘記重新輸入問題。 –

+0

是的,這正是問題所在, –

+0

感謝您的幫助,我必須記住擊中輸入帖子的評論: - /。編輯,我只是​​意識到有一個編輯按鈕: - /: -/ –