style{ background: url...}
<body>
<div id = 'content'>
BLABLABLABLABLBA
</div>
</body>
Я хочу знать, как настроить фоновое изображение (в css), чтобы убедиться, что если я обрезаю окно браузера, он будет автоматически отрегулирован. НО содержание должно быть исправлено.background-image увеличить, обрезать, но содержимое статично
Благодаря
Вот jsFiddle, который демонстрирует, что процесс имеет фиксированный размер с использованием position:fixed во внешнем div, а внутренний div, содержащий изображение, использует background-size:contain.
EDIT: Теперь дополнительный div используется для включения любых требований к границам!
EDIT-2: Обновлен jsFiddle с :contain, а не :cover наряду с не абстрактным изображением.
Для старых браузеров, таких как IE6-8 есть много плагинов, чтобы выбрать из, которые позволяют использовать CSS3 стилей. Этот плагин jQuery под названием backgroundSize.js предназначен специально для использования :cover и :contain для background-size и предоставляется членом SO Louis-Rémi, если вам эта опция нужна.
Статья о http://css-tricks.com/ под названием perfect-full-page-background-image было бы полезно выяснить вашу проблему. Он дает вам все разные методы.
Кстати, вам просто нужно сохранить ширину #content фиксированной ширины.
В новых браузерах вы можете использовать размер фона. Для старых браузеров у вас не будет выбора, кроме как использовать тег![]()
–
Thomas