✔ Dropdown-Menu transparent

[Dkl764]

Hallo Community,
habe momentan in meiner Seite ein angefangenes Dropdown-Menu (ist noch in Arbeit).
Nun habe ich schon bei z.b. dem Forensystem WBB3 im Adminbereich (von der Firma "Woltlab") gesehen, dass die Ihr Dropdown-Menu leicht durchsichtig (transparent) haben.

Seite: http://www.collectivecash.de

Hier der aktuelle Code (nur CSS):

<style type="text/css">

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: yellow;
}

</style>

 

[Maik]

Hi,

und was hat das jetzt mit Javascript zu tun?

Ich glaube, dass der Thread im CSS-Forum wohl besser aufgehoben ist.

mfg Maik

 

[Dkl764]

-.- Stimmt bitte verschieben.

 

[Maik]

Eine Transparenz kannst du entweder mit einer semi-transparenten PNG-Grafik, oder mit der opacity-Eigenschaft erzeugen.

Für den IE(<7) wäre beim Einsatz einer PNG-Grafik ein Workaround erforderlich, da die Vorgängerversionen des IE7 mit diesem Format nicht umgehen können - siehe hierzu Cross-browser semi-transparent backgrounds.

Wenn die opacity-Eigenschaft verwendet werden soll, wird für alle IE-Versionen der Opacity-Filter filter:alpha(opacity=...) aus dem Hause "Microsoft" benötigt, da sie opacity nicht interpretieren:

Beispiel für eine 50%ige Transparenz:

opacity:0.5;
filter:alpha(opacity=50);

mfg Maik