Я пытаюсь нарисовать изображение в качестве фона для элемента div. Но не в состоянии выяснить, как управлять разрешением изображения.
Мое разрешение изображения - 1400X900 пикселей. Я хотел нарисовать это изображение так, чтобы его не обрезали и не подходили к экрану. Как установить размер изображения так, чтобы он был установлен на экран? Я пробовал использовать размер фона, но он не работает в IE
ниже мой элемент div
<div style="background:url('...');">
some more elements
</div>
background-size
(background-size: contain
например) - путь. Однако, как вы сами отмечаете, это не работает в IE 8 и ниже.
Для старых IE вы можете использовать фоновый размер polyfill, который эмулирует background-size
.
Вы можете написать сценарий, который делает то же самое, но это может быть больше проблем, чем стоит.
Используйте опцию Css3
background-size
.
Например, background-size:100% 100%;
background-size
не работает в IE, тогда нам нужно знать номер версии (IE 8 не поддерживает это) и видеть весь код, который вы пытаетесь использовать. Кроме того, я думаю, что это дубликат .