Drupal Colorbox module et IE

Question

J'ai environ tiré mes cheveux sur celui-ci! J'essaye d'obtenir Colorbox pour afficher les frontières correctement dans IE7 (IE6 aussi, mais je prendrai IE7, au moins!).

Vous pouvez voir ce que je vois here. Cliquez sur une image dans la galerie ou sur le lien de connexion. De toute façon, colorbox est censé apparaître correctement. Cela fonctionne bien dans FF, mais les frontières disparaissent dans IE. Est-ce que quelqu'un sait ce qui cause cela et mieux encore, comment le réparer?

Merci beaucoup!

Answer 1

Voir toutes les lignes commençant par ".cboxIE" en bas du fichier colorbox.css? Je parierais de l'argent sur le fait que le "filtre: progid: DXImageTransform.Microsoft.AlphaImageLoader ...;" la propriété est le problème. J'ai eu un problème très similaire avec IE7 avant - il a cette propriété en place pour résoudre les problèmes avec les PNG transparents pour IE, mais il est toujours cassé. Si vous voulez qu'il soit bien dans IE6, vous devrez utiliser un autre correctif PNG, mais je n'ai rencontré aucun problème avec colorbox après avoir supprimé toutes les classes ".cboxIE" en bas de colorbox.css. Ou, au moins la propriété de filtre - le "background: transparent;" peut probablement rester.

Espérons que ça aide!

Answer 2

Ça a marché! J'ai essayé cela pendant un moment en faisant un override dans mon dossier de thème, mais je ne l'ai jamais essayé dans le dossier de bibliothèque de Colorbox (je déteste éditer le noyau, même si ce n'est pas "noyau".)

Pour futurs lecteurs:

1. Accédez à vos sites/all/bibliothèques/colorbox/ [quel que soit le nom prédéfini colorbox que vous utilisez - la mienne était "example1"] /colorbox.css et le copier.
2. Coller et enregistrez le fichier collé comme colorbox.css.bak
3. maintenant ouvert colorbox.css.
4. Supprimer les lignes en bas qui ressemblent à ceci:

/* 
     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');} 

5. Enregistrer colorbox.css et FAIT!