Overlapping text on top of image

  • Resolved ronmann

    (@ronmann)


    8 years, 6 months ago

    The Disney Page at, https://thewaltdisneycompany.com/, has a great effect with a text box overlapping images that are justified left and right as you scroll down the page. How did they create that? Does is have to do with Z values or some CSS coding? I would appreciate any help with this.
    Thanks,
    Ron Mann

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Jose Castaneda

    (@jcastaneda)

    THEME COFFEE MONKEY

    Hi Ron!

    Yes, that is done with z-index values. Some basic HTML and a few CSS lines. Using your browser developer tools you can see how it’s done. If you don’t know how to access your browser’s developer tools you can check out: https://debugbrowser.com/ on how to access them.

    Let us know if that helps!

    Thread Starter ronmann

    (@ronmann)

    Jose,
    Thanks for getting back to me. I found the Slider Revolution offered the easier solution for me. Here is my first creation at https://1e7.760.myftpupload.com/disney2/. It has the images and the other elements with the box and text stacked on top.

    I have used chrome development tools before but usually cannot find the exact code I am looking for. The slider plugin may be my best option.
    Thanks again,
    Ron

    Moderator Jose Castaneda

    (@jcastaneda)

    THEME COFFEE MONKEY

    Happy to help, Ron.

    That’s great to see you got something going. You can use the Inspect Element to help with that. ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Overlapping text on top of image’ is closed to new replies.