css - Drupal Colorbox 模块和 IE

Question

这个我差点把头发拔了!我正在尝试让 Colorbox 在 IE7 中正确显示边框(IE6 也是，但我至少会使用 IE7!)。

你能看到我看到的here .单击图库中的图片或登录链接。无论哪种方式，颜色框都应该正确显示。它在 FF 中工作正常，但在 IE 中边框消失了。有谁知道是什么原因造成的，更好的是，如何解决？

谢谢!

Answer 1

成功了!我已经尝试了一段时间，通过在我的主题文件中进行覆盖，但我从未在 Colorbox 库的文件夹中尝试过(我讨厌编辑核心，即使这真的不是“核心”。)

对于 future 的读者:

1. 导航到您的 sites/all/libraries/colorbox/[无论您使用什么 colorbox 预设名称 - 我的是“example1”]/colorbox.css 并复制它。
2. 粘贴并将粘贴的文件保存为colorbox.css.bak
3. 现在打开colorbox.css。
4. 删除底部如下所示的行:

/*
        The following fixes png-transparency for IE6.  
        It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition

        Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
        Colorbox preloads navigation hover classes to account for this.

        !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
        while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

1. 保存 colorbox.css 并完成!