Отзывчивое фоновое изображение без медиа-запросов

Question

Мне нужно руководство для создания обратного фонового изображения для страницы администратора без использования медиа-запросов. Фоновое изображение должно отвечать на окно браузера без растягивания.

Подобно этому example page

Я с помощью начальной загрузки 3.3.6, чтобы построить эту страницу. Страница входа в систему администратора разделена на разделенный экран.

• Левая сторона рука войти в область
• Правая сторона представляет собой фоновое изображение с содержанием текста сверху.

http://www.r1.jxt.com.au/Admin/login.aspx?ReturnURL=~%2fadmin%2fdefault.aspx

мне нужно все указания я могу получить, чтобы идти о том, чтобы это произошло. Спасибо!

Answer 1

Вы должны изменить свой .bg-image класс со следующим:

.bg-image { 
    background: url(../img/bg-image-md.jpg) no-repeat center center; 
    background-size: cover; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
} 

Answer 2

Вот что-то, чтобы вы начали: http://codepen.io/panchroma/pen/BKdgKP

.bg-image{ 
background-image: url(http://images.jxt.net.au/jxt-admin/img/bg-image-lg.jpg); 
background-size:cover; 
background-position:50% 0 ; 
} 

Используйте фон-размер свойство со значением либо покрытием или содержать, и поместите фоновое изображение по мере необходимости.

More info on the background-size property