JQuery boxy插件在工业管理学(工业工程)中边角图片不显示问题的解决

JQuery boxy插件很好用，但也会出现一些问题，比如弹出框的边角在工业管理学(工业工程)中不能显示。本博文将来解决这个问题。将矮胖的插件引用到项目中后会有一个boxy.css文件和jquery.boxy.js文件。在boxy.css文件中有给弹出框设置四个角图片的样式，如下图：

不做任何修改在铬浏览器下没有问题，如下：

在网上查了一些资料，说将钢性铸铁文件中的图片路径给位全路径可以解决问题，如下：

发现这样修改后并没有作用，运行后效果仍然如下：

有效的解决方法

将上面钢性铸铁截图的下半部分注释掉，如下图：

然后在jquery.boxy.js文件中的矮胖的函数中添加一段脚本，下面贴出修改后的矮胖的函数代码：

函数方方正正(元素，选项){ this.boxy=jQuery(Boxy .WRAPPER)；jQuery.data(this.boxy[0]，' boxy '，this)；this . visible=false this . options=jquery . extend({ }，Boxy .DEFAULTS，options | | { })；如果(这个。选项。莫代尔){这个。options=jquery。扩展(这个。options，{center: true，draggable : false })；} //options.actuator==打开此boxy /关联的数字正射影像图元素将在此矮胖的为如果(这。选项。执行器){ jquery。数据(这个。选项。致动器，“active.boxy”，这个)时自动删除；} this.setContent(元素| | ' div/div ')；这个_安装标题栏()；this.boxy.css('display '，' none ').附录(文档。身体)；这个。ToToToP()；如果(这个。选项。已修复){ if(jquery。浏览器。msie jquery。浏览器。版本7){这个。选项。fixed=false//IE6不支持固定定位} else { this。方方正正。add class(' fixed ')；} } if (this.options.center Boxy ._u(this.options.x，this。选项。y)){这个。center()；} else { this.moveTo(Boxy ._u(this.options.x)？this.options.x : Boxy .默认为X，Boxy ._u(this.options.y)？this.options.y : Boxy .DEFAULT _ Y)；}//丰威加2010-11-28 //用于解决弹出框的圆角在工程师协会中的显示问题if($。浏览器。msie){ var setFilter=function(cls){ var obj=$(cls)，ret=obj.css('background-image ').匹配(/url\(\ '(.)\'\)/);if (ret==null || ret.length 1)返回；物体。CSS({ '背景' : '无'，'滤镜' : 'alpha(不透明度=0)'，筛选器' : ' progid : ximagetransform。微软。alpha image loader(src=' ret[1]')' }))；};setFilter(' .左上角');setFilter(' .右上角');setFilter(' .左下');setFilter(' .右下');}如果(这个。选项。展示)这个。show()；};修改好钢性铸铁和射流研究…文件后，再次运行程序，在IE6，7，8中均能正常弹出带边角的框了。

希望本文对您有所帮助。