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

Forum|Forum|8 years ago
May 26, 2017
1 Antwort
800 Ansichten

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 .

Learn Dreamweaver

Dieses Thema wurde für Antworten geschlossen.

Beste Antwort von Nancy OShea

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/

BenPleysier

Community Expert

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

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

A

Angelic_friendship0D4CAutor

Participant

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 .