css - Making background image over all page conent? -


on website, having dilemma. (this website). on homepage background across whole page (which want), on contact page not. have made transparent using:

#sitewrapper{   background-color: rgba(0,0,0,0) } 

however, turns black? on header of page, there image not on background of body? can other way around body has image , header not (like this):

#sitewrapper{   background-image: url("http://static.squarespace.com/static/545d45afe4b08eea0ac65e7a/t/54612b8ae4b0ca233d43bdee/141565    4282657/website%20background%20trees.png");   background-repeat: no-repeat;   background-size: 100%; }     

however image covers of page (header , body background) - thanks

addition

i tried use background-size: cover; covered footer , not header (as stretched image).

you can put background-image on body element, , set background-size:100%, , remove background image other elements on. work on page across site.


Comments

Popular posts from this blog

c++ - QTextObjectInterface with Qml TextEdit (QQuickTextEdit) -

javascript - angular ng-required radio button not toggling required off in firefox 33, OK in chrome -

xcode - Swift Playground - Files are not readable -