2016-06-30 35 views
0

Mein Hintergrundbild verschwindet immer, wenn der Bildschirm kleiner wird. Ich möchte es reagieren lassen.Bild verschwindet beim Erstellen meiner Seite/Ansicht kleiner

Dies ist, was ich für meine CSS-Code haben:

#heading { 
    text-align: center; 
    color: white; 
    background: url('#someimage') top center no-repeat; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size:cover; 
    margin-bottom: 0 !important; 
} 

Das, was ich für meine HTML-Code haben

<header> 
    <div class="jumbotron text-center" id="heading"> 
     <div class="container intro-text"> 
     <div class="row"> 
     <div class="main col-xs-12"> 
      <h1>Name</h1> 
      <hr class="separator separator-light"> 
      <h2 class="subhead">Name <i class="fa fa-laptop"></i> Name <i class="fa fa-lightbulb-o"></i> Name</h2> 
      </div> 
      </div> 
     </div> 
    </div> 
</header> 
+0

add 'Klasse = "img-responsive" 'in Ihrem .jumbotron Abschnitt – ihemant360

+0

es verschwindet immer noch, wenn der Bildschirm kleiner wird nach dem Hinzufügen dieser – lalaknowles

+0

Ihr c Ode funktioniert gut für mich. – makshh

Antwort

1

Bitte versuchen "background-size:100%" hinzuzufügen statt "background-size:cover"