Полноэкранный фон

Также установите min-width, чтобы изображение никогда не было меньше, чем оно есть на самом деле. Далее хак использует параметр media для проверки того, меньше ли окно браузера, чем изображение, и использует процентное значение left и свойство margin-left для центрирования изображения. Итак, мы добавляем внешний DIV для изображения. Его размер в два раза больше размера окна браузера, поэтому изображение сохраняет соотношение сторон, занимает все окно браузера и при этом находится в его центре.

Метод с jQuery Этот вариант гораздо проще с точки зрения CSS, если мы знаем, что соотношение сторон изображения img, используемого в качестве фона, больше или меньше соотношения сторон текущего окна браузера. Наконец, автор статьи о хаках подготовил набор файлов-примеров, в которых все это реализовано - скачать их можно здесь.

Комментарии к оригинальной статье также содержат некоторую информацию и обсуждение, хотя большинство важных деталей были добавлены автором в качестве абриса к посту, и я их также перевел и указал. Конечно, примеры помогут разобраться во всем этом. В целом, если бы не постоянные "баги" от IE7, все упомянутые хаки были бы идеальны.

Хотите ли вы купить книгу?

Навигация

thoughts on “Полноэкранный фон

  • 19.08.2021 at 20:18
    Permalink

    Браво, идеальный ответ.

    Reply
  • 23.08.2021 at 15:40
    Permalink

    Мудрые слова! РЕСПЕКТ!!!

    Reply
  • 25.08.2021 at 21:37
    Permalink

    спасибо и удачи в организации своего дела

    Reply

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *