2014-06-19 5 views
4

есть это фоновое изображение, которое у меня есть в элементе div, и я хочу, чтобы он «заполнил» вверх/вниз и покрыл всю его высоту и ширину. Пожалуйста, объясните мне, как это возможно с помощью CSS. Любая помощь получает высокую оценку. Спасибо заранее.Фоновое изображение заполнить вверх/вниз в CSS

+0

'фон положение: крышка; background-size: 100%; '. Пожалуйста, сделайте некоторое исследование в следующий раз. – Martijn

+0

Сообщите вашему коду, что вы пробовали? – Manwal

ответ

3
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 

Документация из CSS Tricks: http://css-tricks.com/perfect-full-page-background-image/

+0

Большое спасибо wildandjam, он отлично подходит для заполнения «вверх», как о том же эффекте для заполнения фонового изображения вниз. Еще раз спасибо. – stranger

+0

Вам нужно будет сделать свой div (или любой другой элемент, который вы хотите добавить в фон), 100% высоты. Для этого вам может потребоваться изменить свой атрибут позиции на фиксированный или абсолютный. Попробуйте добавить: 'позиция: фиксированная высота: 100%; ширина: 100%;' – wildandjam

Смежные вопросы