Drupal Colorbox模块和IE浏览器

Question

我已经拉出了我的头发在这一个！我试图让Colorbox在IE7中正确显示边框（IE6也是如此，但我至少需要IE7！）。

你可以看到我所看到的here。点击图库或登录链接中的图片。无论哪种方式，colorbox应该是正确显示。它在FF中正常工作，但边界在IE中消失。有谁知道是什么原因造成这种情况，并且更好，如何解决它？

谢谢！

Answer 1

查看所有以colorbox.css文件底部的“.cboxIE”开头的行？我敢打赌，“filter：progid：DXImageTransform.Microsoft.AlphaImageLoader ...;”财产是问题。之前我有一个与IE7非常类似的问题 - 它具有解决IE浏览器透明PNG问题的属性，但它仍然存在问题。如果你希望它在IE6中看起来不错，你将不得不使用另一个PNG修补程序，但在我拿出colorbox.css底部的所有“.cboxIE”类后，我没有遇到任何有关colorbox的问题。或者，至少是过滤器属性 - “背景：透明”。可以留下来。

希望有帮助！

Answer 2

它确实工作！我一直试图通过在我的主题文件中覆盖一段时间，但我从来没有在Colorbox库的文件夹中尝试过它（我讨厌编辑核心，尽管这真的不是“核心”。）。

For未来的读者：

1. 导航到你的网站 /所有/库/颜色框/ [你使用任何颜色框预置的名字 - 我的是“例1”] /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');} 

保存colorbox.css和DONE！