|
markhawker -> Z-Index and transparency (6/7/2006 18:49:16)
|
Hi all, here's one for you. I have a 'standard' layout of a header with a navigation bar below. I've created links in the navigation bar with nice little hovers but here's the snag, at the minute my header background is a solid colour and so is my navigation so I've simply plugged in the header bacground for the navigation rollovers so they appear 'transparent'. Now what I was wondering was if I could set the navigation hovers to transparent so that you can see the background header behind whilst maintaining the colour of the navigation bar? Could this be done with z-index? I've attached an example, plus my XHTML:
<div id="header">
<img src="http://localhost/sunbeam/themes/default/static/img/sunbeamlogo.gif" alt="Project Sunbeam" width="250px" height="100px" />
</div>
<div id="navigation">
<ul>
<li><a href="#" title="home">home</a></li>
<li id="current"><a href="#" title="general">general</a></li>
<li><a href="#" title="contacts">contacts</a></li>
</ul>
</div>
|
|
|
|
