jQuery boxy插件很好,但是会有一些问题,如弹出框,不能在IE显示Moto弘文的边角,将解决未来的问题。在借鉴方的插件项目,会有一个boxy.css文件和一个jquery.boxy.js的文件。boxy.css文件,有弹出框四角的图片,如下:


没有任何修改,Chrome浏览器没有问题,如下所示:


因特网上有一些信息。据说CSS文件中的图像的完整路径可以被解决。


结果发现,这种修改不起作用,效果仍然如下:


有效的解决方案

注释以上CSS屏幕截图的下一部分,如下所示:


然后一个脚本在jquery.boxy.js文件的功能添加和修改方方正正的,方方正正的函数代码附在下面:




功能(元素、期权){方形

this.boxy = jQuery(方形。包装);
jquery.data(这个方方正正的{ 0 },'boxy ',这);

this.visible = false;
this.options = jquery.extend(boxy.defaults,选项| | { } { });

如果(这个选项。模态){
this.options = jquery.extend(this.options,{中心:真的,可拖动:假});
}

元, / / options.actuator = = DOM打开这方方正正的
协会将自动删除当/这是删除(D)箱
如果(这个选项。执行器){
jquery.data(这个选项。执行器,主动。方形,这);
}

this.setcontent(元| | );
这_setuptitlebar();

This.boxy.css(显示器,不关的)。AppendTo(文档。体);
This.toTop();

如果(此选项。固定){
如果(jquery.browser.msie jquery.browser.version<7){
this.options.fixed = false; / / IE6不支持固定定位
{人}
This.boxy.addClass(固定的);
}
}

如果(this.options.center方形。_u(这个选项。X,这个选项。Y)){
This.center();
{人}
This.moveTo(
方方正正的。_u(这个选项。x),x:boxy.default_x选项,
方方正正的。_u(这个选项。Y),Y:boxy.default_y选项。
);
}

/ /凤尾加2010-11-28
用于在伊江显示弹出框的问题解决圆角
如果(美元。浏览器。MSIE){
VaR setfilter =功能(CLS){
var obj = $(CLS),ret = obj.css(背景图像)。比赛( /网址((1)) /);
如果(ret = = null | | ret.length<1回);
Obj.css({
背景:没有
过滤器:ProgID:DXImageTransform.Microsoft。
AlphaImageLoader(src=+ RET { 1 } +
});
};

设置过滤(。左上);
设置过滤(。右上);
设置过滤(。左下);
设置过滤(。右下);
}

如果(这个选项。显示)这。();

};


修改后的CSS和JS文件,程序运行一次,并与边角架可以正常弹出在ie6,7,8。

我希望这篇文章能对你有所帮助。