Как контролировать разрешение изображения, окрашенного в качестве фона для div

0

Я пытаюсь нарисовать изображение в качестве фона для элемента div. Но не в состоянии выяснить, как управлять разрешением изображения.

Мое разрешение изображения - 1400X900 пикселей. Я хотел нарисовать это изображение так, чтобы его не обрезали и не подходили к экрану. Как установить размер изображения так, чтобы он был установлен на экран? Я пробовал использовать размер фона, но он не работает в IE

ниже мой элемент div

<div style="background:url('...');">
    some more elements
</div>
  • 0
    Если background-size не работает в IE, тогда нам нужно знать номер версии (IE 8 не поддерживает это) и видеть весь код, который вы пытаетесь использовать. Кроме того, я думаю, что это дубликат .
Теги:
image

2 ответа

0

background-size (background-size: contain например) - путь. Однако, как вы сами отмечаете, это не работает в IE 8 и ниже.

Для старых IE вы можете использовать фоновый размер polyfill, который эмулирует background-size.

Вы можете написать сценарий, который делает то же самое, но это может быть больше проблем, чем стоит.

0

Используйте опцию Css3 background-size.

Например, background-size:100% 100%;

Ещё вопросы

Сообщество Overcoder
Наверх
Меню