So erstellen Sie einen Bildhintergrund, der auf die gesamte Seite einer Website passt

Question

! http://www.splicemarketing.co.uk/images/ blog / full-background-image.jpg Kann dies auch durch eckige js erreicht werden? Hier ist die CSS `

.bg { 


    background: url(holiday-car-rental.jpg) no-repeat center center fixed; 
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }`

Hier ist der html

    `<div id="bg">
           <h1>TEXT TO BE PLACED ON TOP OF THE IMAGE</h1> 
           </div>`

html css

-3

joomo 3 Jän. 2016 im 21:41

Answer 1

Sie müssen dies mit css behandeln, Sie müssen Ihren div oder Header im Vollbildmodus anzeigen

Html

<div id="bg"><h1>TEXT TO BE PLACED ON TOP OF THE IMAGE</h1> </div >

CSS

#bg{      
  height: 100vh;
  width: 100vw;
  background: url(http://www.splicemarketing.co.uk/images/blog/full-background-image.jpg);
  background-size: cover;
}

Siehe diesen PEN

0

elreeda 3 Jän. 2016 im 19:22

Answer 2

Eckig kann nicht damit umgehen. Es muss aus dem CSS sein. Möglicherweise können Sie eine Direktive schreiben, die srcurl verwendet und ein HTML-Bildelement mit diesen CSS-Stilen erstellt, um es als Hintergrund zu strecken.

0

Sunil Sistla 3 Jän. 2016 im 18:46

So erstellen Sie einen Bildhintergrund, der auf die gesamte Seite einer Website passt

2 Antworten

Verwandte Fragen

Neue Fragen

html