PDA

View Full Version : Dropdown Nav. Transparency Challenge



CreativeCurt
08-10-2008, 09:23 PM
1) Script Title:
All Levels Navigational Menu (v1.31)

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex1/ddlevelsmenu/index.htm

3) Describe problem:
I need to figure out how to make the navigation of this become transparent.

Similar to what is fount at: http://www.westwoodcc.org/default.aspx

And just noticed does not work in Safari 3.1.2

Thank you in advance, I appreciate your expertise.

Cal

Nile
08-10-2008, 09:39 PM
Change:


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

To this:


.ddsubmenustyle, .ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: normal 13px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
filter: alpha(opacity=20);
opacity: 0.7;
-moz-opacity: 0.7;
}

TheJoshMan
08-10-2008, 09:43 PM
Well, if you want the text to stay opaque, but you want the background to become translucent, then you would need to use a "PNG" background image along with some extra css to make IE play nice.