0

この例では、基本的に、JavaScript が有効になっている場合にのみ、要素を半透明にしたいと考えています。これを行うには、.js ファイル内に「trancent」というクラスを追加します。ただし、IE 7 および 8 の下位互換性を確認すると、何らかの理由でクラスを追加してもスタイリングが機能しません。また、同じファイル内の別のクラスを正常に削除しました。他のブラウザやそれ以降の IE でも問題ありません。

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; }

4

1 に答える 1

1

IE7 と IE8 はopacityスタイルをサポートしていないので、jQuery はクラスを問題なく追加していると思いますが、IE に関する限りスタイルがないため、何もしていません。

古い IE バージョンで不透明度をサポートする必要がある場合は、次のスタイルをクラスに追加します。

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

それが役立つことを願っています。

于 2013-07-30T13:41:20.517 に答える