Jump to content

full bg scroll


Nikolas96

Recommended Posts

hi guys,...

i want to make a full width and size div on top of my theme like this:

 

http://themes.semicolonweb.com/html/canvas/index.php

 

i want my img show full width and height of viewport and a title and descriptions in it..

and after scrolling go down to contents..

note that make fully responsive that means in all device my div fit to screen!

thanks a lot for helping....

 

Link to comment
Share on other sites

Hi...

 

Have you tried any codes? if so then please post.

 

For the desired effect, you can have a main div with height set explicitly to match the viewport. Apply it a background image and set background-size to cover. Here is example of background-size property: http://www.w3schools.com/cssref/playit.asp?filename=playcss_background-size&preval=cover

 

Then you can set title and description inside with absolute position or any other way.

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...