Treehouse: Grow your CSS skills. Land your dream job.

form questions

  • # November 7, 2011 at 5:26 pm

    I’ve created a form that fades into view when the contact navigation link is clicked. It works on the home page but not on the thank you page which also displays a message which can fade out. I think the problem is due to the contact form being positioned over the thank you message. I’ve tried setting the z-index to a high value on the contact form but that didn’t work. Any suggestions? thanks!

    # November 7, 2011 at 5:34 pm

    Do you have the position set to relative on both of the items you are looking to z-index?

    # November 8, 2011 at 7:00 am

    both elements have position set to absolute, does it matter?

    # November 8, 2011 at 9:05 am

    When using z-index you need a position of atleast relative for z-index to work :) with both being set absolutely it should work fine.

    Make sure when you fadeout you hide it too. At the moment the element is still there, just with 0 opacity. You need to set it to display:none; then it will work

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.