Web Hosting, Design, & Coding forum

General discussion

using the z-index property

Hello, I would like to know how to use the z-index property of css. I tried simply setting the z-index of a div to a value but nothing seems to be happening, so I'm guessing there's a specific way to do it.

An example of what I'm trying to do is here...http://www.studios29.com/cantaflor
I have a div right between my header and my content (nav is inside it), that is called header_bottom and holds the gradient image that you can see right below the header. I want my nav to be on top of that div.

Thank You.

Discussion is locked
You are posting a reply to: using the z-index property
The posting of advertisements, profanity, or personal attacks is prohibited. Please refer to our CNET Forums policies for details. All submitted content is subject to our Terms of Use.
Track this discussion and email me when there are updates

If you're asking for technical help, please be sure to include all your system info, including operating system, model number, and any other specifics related to the problem. Also please exercise your best judgment when posting in the forums--revealing personal information such as your e-mail address, telephone number, and address is not recommended.

You are reporting the following post: using the z-index property
This post has been flagged and will be reviewed by our staff. Thank you for helping us maintain CNET's great community.
Sorry, there was a problem flagging this post. Please try again now or at a later time.
If you believe this post is offensive or violates the CNET Forums' Usage policies, you can report it below (this will not automatically remove the post). Once reported, our moderators will be notified and the post will be reviewed.
Collapse -

In reply to: using the z-index property

Instead of using the z-index you can try setting a negative top margin for this div, say #header_bottom {margin-top: -1;}. Try experimenting with the numbers.


Collapse -

In reply to: z-index

interesting...I'll try it out.
I figured out the answer to my question already, what I had to do was to set the div which will have the z-index property to have a absolute position thing.
But I'll try you idea too, thanks.

Popular Forums

Computer Newbies 10,686 discussions
Computer Help 54,365 discussions
Laptops 21,181 discussions
Networking & Wireless 16,313 discussions
Phones 17,137 discussions
Security 31,287 discussions
TVs & Home Theaters 22,101 discussions
Windows 7 8,164 discussions
Windows 10 2,657 discussions


This one tip will help you sleep better tonight

A few seconds are all you need to get a better night's rest.