2009-11-28 3 views
1

смотреть мою страницу: http://tonyperson.com/art4artLightbox2 оленья кожа, как IE8

нажмите на изображение (женщина исследования 01) в IE8 и прозрачном черном фоне не пройти весь путь вниз страницы .... любая помощь приветствуется!

Я пробовал много вещей в CSS, как изменение высоты до 100% для наложения DIV, и т.д. ...

ответ

2

Изменение position: absolute на вашем .content дел до position: relative.

Абсолютное позиционирование из него выводит (и, следовательно, содержимое всей страницы) из потока, сворачивая body до высоты 0. Вы можете проверить это, проверив, например, document.body.scrollHeight.

Так как Лайтбокс видит, что тело не имеет высоты, оно только беспокоит добавление наложения на один экран.

Редактирование: как обход проблемы, отмеченный в комментариях (наложение все еще не охватывает все, когда лайтбоксы простираются ниже нижней части исходной страницы), вы можете добавить дополнительное дополнение к нижней части страница.

+0

все еще имеет «сломанное размещение нижнего элемента с закрывающим тегом и заголовком». Кроме того, он не проходит весь путь до нижней части экрана. Но ваше предложение действительно помогло ему пройти большую часть пути! :) – 2009-11-29 22:34:06

+0

Я понимаю, что вы имеете в виду. Я думаю, что это ошибка в Lightbox. Наложение по-прежнему покрывает только высоту исходной страницы. Когда открытая лайтбокс/изображение открывается ниже исходного дна страницы, наложение не распространяется на эту часть (ну, в Firefox и Safari) ... Функция 'getPageSize()' не является достаточно кросс-браузер. Самый надежный способ найти правильную высоту - использовать document.documentElement.scrollHeight', но Лайтбокс не использует это. – mercator

1

Я сделал здесь хитроумный трюк, просто преобразую положение: абсолютный в положение: зафиксировано так, чтобы наложение на размер экрана можно было перемещать с помощью направленных баров при спуске или вверх, это даст вам ощущение, что наложенное покрытие все страницы.

Смежные вопросы