how to parallax header img layers and what is the right position in Dreamweaver ?

[Angelic_friendship0D4C]

i wanna make  dynamic website with header images layer 3d parallax , like this site:http://www.firewatchgame.com/

, so how to do that ?

and the position of image , i made every image layers position : absolute , top:0px; left:0px;  and they all went up on the header as i wanted , ok at this point all is ok but when i make a div or any think is went behind the header images ! even i make the position : relative,

so what is the right way to deal with?

and how to make it responsive ?

iam new in Dreamweaver but i think i can  .

and thanx for ur help .

[BenPleysier]

You could copy the code or you could follow a tutorial at https://webdesign.tutsplus.com/categories/parallax-scrolling

[Angelic_friendship0D4C]

thank u ,sir..

i tried to copy the code but my design is somehow different ..

but am gonna try to see the link that u have put it..

and can u help me please with the code i write?

b/c i have a little problem with <div> tag and b/c of that problem i just used the images by <img> tag in the header .. note that please the header will contain a layers  of images for the 3d parallax .

when i make the <div > position absolute; , top:0px; , left 0px; .. the <div> tags must be over each other but it doesnt happen so that i used the <img> tag  and the position of all images: absolute  . it worked . but when i write any other tag, the contain of it just going behind all images tags of the header !

how to deal with that !

if u need to check my  code its ok .

[Nancy OShea · Accepted solution]

I can't see your example site as my anti-virus software is blocking it for security reasons.

Not exactly sure what you want.  But maybe this will help.

Live Demo:: Bootstrap Parallax Template

Tutorial:  Bootstrap Parallax Template - http://alt-web.com/