Colorbox в IE8 бросал шаткий

Question

Эта проблема возникает в Firefox и Chrome, но Safari в порядке. IE8, однако, в режиме совместимости или нет, не загружает оверлей сверху (он просто сидит сверху, прокручивая содержимое вниз - хотя я предполагаю, что это потому, что оверлей находится вверху разметки).

Он также не показывает изображение, которое я пытаюсь показать, но сжимает накладываемое изображение загрузки до нуля в левом верхнем углу экрана. Я использую стандартную colorbox-min и CSS, который идет с этим.

Проверка разметки в инструментальных средствах разработки IE8, похоже, намекает на то, что содержимое на самом деле не загружается в div cboxLoadedContent.

$(document).ready(function() {
    $('a[rel="preview"]').colorbox(
        { 
            photo: true
            , maxWidth: '95%'
            , maxHeight: '95%'
            , photoScaling: true 
        }
    ); 
});

По сути, страница представляет собой список изображений мультимедиа, и когда вы щелкаете по нему, он дает вам предварительный просмотр и позволяет пролистывать изображения на странице. ну, по крайней мере, в FF сделал небольшой скриншот, так как он уменьшал оверлейную штуку http://dumpt.com/img/viewer.php?file=7s2zwoxozzf7666h0fzc.png

У кого-нибудь есть идеи?

Я ожидаю, что мое объяснение не очень хорошее, так что, может быть, я мог бы взять фильм или что-то еще, если нужно.

Answer 1

Попробуйте XHTML строгий тип документа ...?

Answer 2

Ваш код упакован в готовую функцию? Я видел случаи, когда код, который работает в FF / Safari, не работает в IE, потому что IE, кажется, загружает DOM медленнее. В этих случаях почти всегда получается, что мне не удалось обернуть код в готовую функцию.

$(function() { // the important bit
    $('.colorbox').load('...').colorbox();
});

Answer 3

У меня была такая же проблема. У меня также была проблема с размером всего 10px из-за того, что IE не нравилась максимальная ширина CSS, установленная на 100%. Чтобы облегчить проблему, я добавляю следующее в свой CSS.

.cboxIE img
   {
        max-width:none;
         _max-width:none;
   }

Answer 4

Поиск по файлам colorbox для этого:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader

Будет несколько его экземпляров, каждый из которых указывает на png. Убедитесь, что путь к этому png указан правильно, затем проверьте его снова.

Я почти уверен, что однажды у меня возникла именно эта проблема, и мне нужно было исправить пути. Тем не менее, это было какое-то время, поэтому моя память немного размыта.

Answer 5

Я испытывал те же симптомы, но в моем случае это распространялось на все браузеры.

Одной из причин было то, что я не включил файл CSS, который я использую для страниц, которые используют colorbox.

Другой причиной было то, что я обновился до последней версии jQuery, но не обновил colorbox. (Также, если вы обновляете свой jquery include, убедитесь, что вы также обновляете свой jquery vs doc - если вы даже его используете).

Надеюсь, это поможет.