background-attachment: исправлено;замедляет прокрутку в Firefox 3.x

Question

body{
  background-image: URL("someimage.jpg");
  background-position: fixed;
}

Это делает прокрутку в Firefox очень медленной.Есть ли способ получить большое центрированное фоновое изображение с «фиксированным» вложением, с которым прокрутка в Firefox работает так же, как если бы вложение было установлено на «scroll».1004 *

Answer 1

Попробуйте background-attachment: fixed; вместо.

Answer 2

Вам не хватает объявления "background-position:".Это может замедлить процесс рендеринга.

Answer 3

Лучшее исправление для этого поведения Firefox на самом деле заключается в использовании небольшого трюка:

1. поместите предполагаемое фоновое изображение в качестве элемента img внутри слоя над слоем контента
2. usecss для размещения содержимого выше и обоих слоев точно сверху 0, слева 0, в верхнем левом углу окна
3. используйте jquery для изменения размера img до ширины и высоты окна
4. используйте высоту100% для содержимого и переполнения: scroll

Теперь используйте css, чтобы расположить оба слоя абсолютно сверху: 0 и слева: 0, и используйте z-index, чтобы расположить слой содержимого, видимый над фоновым изображением.слой.Используя jQuery, вы можете изменить размер фонового изображения при загрузке (.ready) и при изменении размера окна ($ (window) .resize), чтобы соответствовать фактическому разрешению экрана.Слой содержимого получает переполнение прокрутки, и все готово.Этот обходной путь фактически устраняет любые проблемы с производительностью в Firefox 3.x, но требует использования jQuery.

Answer 4

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