Results 1 to 3 of 3

Thread: How can I achive this

  1. #1
    Join Date
    Jul 2010

    How can I achive this

    Hello people,

    I have seen a site and many like it and would really like to learn how to do something like it.

    Here is the site http://www.spiros.co.uk/site/

    I can do all the nav sliding down and most things on the site but not sure how to tackle the background images? Are they fixed per section with the CSS?

    Any guidance would be great - I would love to do stuff like this.


  2. #2
    Join Date
    Feb 2013
    If you inspect the first background, it's fixed with a z-index. A quick look shows that the other backgrounds are absolutely positioned with a higher z-index so that when it scrolls into view, it covers the first background. Everything else is set with a z-index higher than it's background so they appear on top.

    I'm not sure I would recommend this as you'd have a lot of positioning and z-indexes to set and it seems like a horrible mess to maintain.

  3. #3
    Join Date
    Jul 2010
    Ah thank you. Yes z-index will cause a lot of problems. Maybe there is a better way of doing something like this. I am just learning as get asked for this sort of stuff all the time. Thank you for your comments

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center