function setOpacity(eles){
$(eles).each(function(){
if($.browser.msie){
$(this).clone().empty().insertAfter($(this))
.css({"position":"relative","top":-$(this).height()})
.css("z-index",-1).addClass("opacityBgInIE");
$(this).css("background","transparent");
$(this).find('.panel-header,.panel-body').css("background","transparent");
}else{
$(this).addClass("opacitysetting");
$(this).find('.panel-header,.panel-body').css("background","none");
}
});
}
使用方式如下:兄弟连前端培训、HTML5培训。
//实现半透明效果
setOpacity("#mainpartopacity,#contents,#frameAccordionMenu");
本文介绍了一种使用jQuery实现网页中指定元素半透明效果的方法。该方法针对不同浏览器进行了兼容性处理,对于IE浏览器通过克隆元素并设置背景透明来达到效果,而对于其他现代浏览器则直接设置类实现半透明。

被折叠的 条评论
为什么被折叠?



