|
| |
|
|
markhawker
Posts: 511
Joined: 5/31/2004
From: Leeds, UK
Status: offline
 |
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>
 Attachment (1)
_____________________________
Mark Hawker
my business - http://www.thebubblejungle.com/
facebook - http://www.thebubblejungle.com/facebook/
web hosting - http://www.crucialp.com/
|
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
