Модуль Drupal Colorbox и IE - PullRequest
Новая
       38

Модуль Drupal Colorbox и IE

1 голос
/ 13 августа 2010

Я уже вытащил свои волосы на этом! Я пытаюсь заставить Colorbox правильно отображать границы в IE7 (IE6 тоже, но я возьму IE7, по крайней мере!).

Вы можете видеть то, что я вижу здесь . Нажмите на картинку в галерее или на ссылку для входа. В любом случае, colorbox должен отображаться правильно. Он хорошо работает в FF, но границы исчезают в IE. Кто-нибудь знает, что вызывает это и еще лучше, как это исправить?

Спасибо!

Ответы [ 2 ]

1 голос
/ 14 августа 2010

Это сработало! Некоторое время я пытался сделать это путем переопределения в моем файле темы, но я никогда не пробовал это в папке библиотеки Colorbox (я ненавижу редактировать ядро, даже если это действительно не «ядро»)

Для будущих читателей:

  1. Перейдите на свои сайты / все / библиотеки / 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 и СДЕЛАНО!
0 голосов
/ 13 августа 2010

Видите все эти строки, начинающиеся с ".cboxIE" внизу файла colorbox.css?Я бы поспорил на тот факт, что «filter: progid: DXImageTransform.Microsoft.AlphaImageLoader ...;»собственность - проблема.Раньше у меня была очень похожая проблема с IE7 - у него есть это свойство для исправления проблем с прозрачными PNG для IE, но оно все еще не работает.Если вы хотите, чтобы в IE6 он выглядел хорошо, вам придется использовать другое исправление PNG, но у меня не было проблем с colorbox после того, как я удалил все классы ".cboxIE" в нижней части colorbox.css.Или, по крайней мере, свойство фильтра - "background: transparent;"может, вероятно, остаться.

Надеюсь, что поможет!

...