IE6中的JQuery Colorbox - 缺少边框

时间:2011-08-15 23:56:39

标签: jquery border colorbox internet-explorer-6

Colorbox是一个jquery插件,就像一个灯箱,它有一个自动边框,但这个边框在IE6中似乎没有出现,this is他们的CSS,你可以看到底部附近是所有边界ie6样式都是:

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(/images/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(/images/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(/images/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(/images/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(/images/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(/images/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(/images/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(/images/colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
_behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

2 个答案:

答案 0 :(得分:1)

在IE6中适合我。您遇到的问题(我假设您没有链接到的网站,而不是彩盒'示例页面)是背景图像不在CSS期望它们所在的目录中。仔细检查您的文件路径。

答案 1 :(得分:1)

上面粘贴的CSS中的png修复内容是在IE6中破坏了它,一旦我删除了它上面的所有代码就行了!很奇怪吧?