Medya sorgusu olmadan duyarlı arka plan resmi

Question

Medya sayfası kullanmadan bir yönetici sayfası için duyarlı bir arka plan görüntüsü oluşturmaya yönelik bir kılavuza ihtiyacım var. Arka plan resminin, tarayıcı penceresine gerilmeden yanıt vermesi gerekiyor. Ben bu sayfayı hazırlamak için ön yükleme alanı 3.3.6 kullanarak bu example page

benzer

. Yönetici giriş sayfası bölünmüş bir ekran olarak bölünmüştür.

• Sol taraftaki
• Sağ taraftaki metin üstte içerikli bir arka plan görüntüsü alanı giriş edilir.

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

  

Bunun olmasına yapma konusunda gidiş alabilirsiniz tüm rehberliğine ihtiyacım var. Teşekkür ederim!

Answer 1

aşağıdaki ile .bg-image sınıf değiştirmelisiniz:

.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

İşte başlangıç ​​için bir şey: 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 ; 
} 

kullanın kapak veya içermeyen ya değeriyle background-size özelliği, ve arka plan resmini gerektiği gibi konumlandırın.

More info on the background-size property