?
Solved

Help with z-index

Posted on 2011-10-12
1
Medium Priority
?
197 Views
Last Modified: 2012-05-12
Page: http://triadtestsite.com/triadinc/header-full.php

I am trying to get three layers to stack properly. They should look like this (top layer first)

TOP LAYER
.centered     -     contains a png of a white curved banner

MIDDLE LAYER
.blue-dropdown     -     contains a blue menu that drops down on hover, this should appear from under the white curved banner

BOTTOM LAYER
.header-bg     -     a gradient background image, this should appear behind the blue drop down, but now it is appearing above the blue drop down

The problem is that the background layer is appearing above the blue-dropdown layer. even though the z-index are set properly.

Can someone help explain what is happening here and how I can fix it?

Thanks



0
Comment
Question by:elliottbenzle
1 Comment
 
LVL 16

Accepted Solution

by:
glenn_1984 earned 2000 total points
ID: 36956684
Seems fine in Firefox 6/7 and IE 8.  See attached.
Is this how it should look?

0002.JPG
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
Suggested Courses

850 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question