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！