Jquery Innerfade Не отображается правильно в то есть 7 и ниже

Question

Я создаю веб-сайт с заголовком jquery, который превращает одно изображение в другое (как вы все видели ранее). Взгляните на образец страницы здесь:

http://hqinternetsolutions.com/fullservice/index.html

В IE6 изображения сдвигаются вправо, создавая поле. Я понял, что вызывает это. В файле jquery.innerfade.js есть строка, которая говорит:

for (var i = 0; i < elements.length; i++) {
                $(elements[i]).css('z-index', String(elements.length-i)).**css('position', 'absolute').hide();**
            };

Положение: абсолютное приводит к неправильному отображению изображения в ie6. Когда я изменяю абсолют на относительный или фиксированный, изображение появляется в правильном месте, но следующее изображение загружается под ним до тех пор, пока исчезновение не завершится, а затем оно сдвигается вверх. Я не могу заставить внутренний затухание работать должным образом, т.е. Есть идеи?

Answer 1

изменение

$(elements[i]).css('z-index', String(elements.length-i)).css('position', 'absolute').hide();

до

 $(elements[i]).css('z-index', String(elements.length-i)).css('position', 'absolute').css('left','0').hide();

Answer 2

У меня та же проблема. Мне удалось взломать код, но теперь изображения обрезаются наполовину после перехода:

http://rosodigital.com/gray/index.htm

Answer 3

Попробуйте, у меня это сработало:

Откройте файл innerfade js и удалите эту строку:

$ ('height', settings.containerheight).addClass(settings.runningclass);

тогда в css используйте эти теги:

#somebanner {
    overflow: hidden;
    position: absolute;
    width:400px;
    left:5px;
    bottom:5px;
    height:36px;
}

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

Answer 4

Вы можете исправить это только с помощью своего CSS-файла:

• установить родительский элемент как положение: относительный
• установить тег IMG изображения как положение: абсолютное; верх: 0; слева: 0;