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 回答