html - I Can't Get This Responsive Background Picture To Scroll With The Page -


I'm trying to set up my web page, so there is a big responsive picture on top of that page Instead of continuing to remain stable

is an accurate example of what I am trying to do:

Here's my attempt to try to recreate it here Please help!

  & lt ;! DOCTYPE html & gt; & Lt; Top & gt; & Lt; Style & gt; Html {Background: URL fixed (https://www.pathful.com/static/images/header/header-bg-home.jpg) Any repeat center center; -WebKit-Background-Size: Cover; -MOZ-BACKGROUND-SHAPE: COVER; -o-background-shape: cover; Background size: cover; } & Lt; / Style & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; H1 class = "title" & gt; How to scroll the image with the page, while keeping the photo responsive? & Lt; / H1> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; H1 class = "title" & gt; How to scroll the image with the page, while keeping the photo responsive? & Lt; / H1> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; H1 class = "title" & gt; How to scroll the image with the page, while keeping the photo responsive? & Lt; / H1> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; H1 class = "title" & gt; How to scroll the image with the page, while keeping the photo responsive? & Lt; / H1> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; H1 class = "title" & gt; How to scroll the image with the page, while keeping the photo responsive? & Lt; / H1> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; H1 class = "title" & gt; How to scroll the image with the page, while keeping the photo responsive? & Lt; / H1> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; H1 class = "title" & gt; How to scroll the image with the page, while keeping the photo responsive? & Lt; / H1> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; H1 class = "title" & gt; How to scroll the image with the page, while keeping the photo responsive? & Lt; / H1> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; H1 class = "title" & gt; How to scroll the image with the page, while keeping the photo responsive? & Lt; / H1> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; H1 class = "title" & gt; How to scroll the image with the page, while keeping the photo responsive? & Lt; / H1> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; H1 class = "title" & gt; How to scroll the image with the page, while keeping the photo responsive? & Lt; / H1> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; H1 class = "title" & gt; How to scroll the image with the page, while keeping the photo responsive? & Lt; / H1> & Lt; / Body & gt; & Lt; / Html & gt;      

What is it you are trying to achieve Are you? : & lt; Head & gt; & Lt; Style & gt; Body, html {padding: 0; Margin: 0; } .header {background: url (https://www.pathful.com/static/images/header/header-bg-home.jpg) No-double center center; -WebKit-Background-Size: Cover; -MOZ-BACKGROUND-SHAPE: COVER; -o-background-shape: cover; Background size: cover; Width: 100%; Minute-height: 450px; } & Lt; / Style & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div class = "header" & gt; & Lt; / Div & gt; & Lt; H1 class = "title" & gt; How to scroll the image with the page, while keeping the photo responsive? & Lt; / H1> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; H1 class = "title" & gt; How to scroll the image with the page, while keeping the photo responsive? & Lt; / H1> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; H1 class = "title" & gt; How to scroll the image with the page, while keeping the photo responsive? & Lt; / H1> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; H1 class = "title" & gt; How to scroll the image with the page, while keeping the photo responsive? & Lt; / H1> & Lt; Br> & Lt; Br> & Lt; Br> & Lt; H1 class = "title" & gt; How to scroll the image with the page, while keeping the photo responsive? & Lt; / H1> & Lt; Br> & Lt; Br> & Lt; / Div & gt; There was an error adding tags to their HTML tags.

Comments

Popular posts from this blog

java - ImportError: No module named py4j.java_gateway -

python - Receiving "KeyError" after decoding json result from url -

.net - Creating a new Queue Manager and Queue in Websphere MQ (using C#) -