загрузка jquery не работает в IE8

Question

веб-страница: http://sideradesign.com/eco-art/gallery/

Этот код прекрасно работает во всех браузерах, кроме IE8 (не тестировал IE6 / 7)

jQuery(function () {
  jQuery("#main-content").append("<img src='../images/ajax-loader.gif' id='ajax-loader' />");
  $ajaxSpinner = jQuery("#ajax-loader");
  var thisTarget = jQuery('#thumbnail-nav ul li:eq(0) a.thumb').attr('href');
  jQuery('#main-content').load(thisTarget + " .entry-content");
  jQuery('a.thumb').click(function () {
    $ajaxSpinner.fadeIn();
    jQuery('#main-content').animate({
        opacity: "0.1"
    });
    thisTarget = jQuery(this).attr('href');
    jQuery('#main-content').load(thisTarget + " .entry-content", function () {
        $ajaxSpinner.fadeOut();
        jQuery('#main-content').animate({
            opacity: "1"
        });
    });
    return false;
});

});

Answer 1

Проблема заключается в CSS. Я отключил таблицу стилей, и я вижу, как отображается содержимое. это решено

Answer 2

IE не поддерживает свойство opacity в CSS, поэтому его анимация из jquery не будет работать.Вместо этого вы можете использовать fadeTo , что решает эту проблему.