[gelöst]Durchscheinende Webseite im transparenten Submenü

[markus0711]

Hallo,

ich möchte ein teilweise transparentes Submenü realisieren, das die eigentliche Webseite durschimmern lässt.

In der CSS Datei kann ich den Hintergrund des Submenüs zwas farblich ändern, aber ich schaff`s nicht, den Hintergrund
durchsichtig zu machen:

.page-menu ul#primary-nav li {
float: left;
     
}


Habe mit background-color: transparent; und filter:alpha(opacity=80); experimentiert aber keine Lösung gefunden.


Bin dankbar für eine Idee.

Markus

[markus0711]

So geht`s:

page-menu ul#primary-nav li {
float: left;
        opacity:0.9;
}

Kommt geil!

[owr_bgld]

außer im IE - der kann mit opacity nix anfangen - damits dort auch geht, bleibt nur die Möglichkeit mit Hintergrundgrafik zu arbeiten, die eine Deckkraft von 90% hat.

[nicmare]

außer im IE - der kann mit opacity nix anfangen - damits dort auch geht, bleibt nur die Möglichkeit mit Hintergrundgrafik zu arbeiten, die eine Deckkraft von 90% hat.

und diese als .png datei speichern

[owr_bgld]

oh - hab ich wieder mal glatt vergessen zu erwähnen -> danke für die Zusatzinfo nicmare, das kommt davon wenn das für einen schon zur Normalität wird, was für die viele andere (und anfangs für einen selbst) ein Rätsel ist.

Wenn zwei Möglichkeiten zur Speicherung gegeben sind (png8 und png24) die png24 nehmen.

[uniqu3]

Eigentlich geht es auch ohne .png datei.

Code: Select all

opacity: .9;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /*IE8*/
filter: alpha(opacity=90); /*IE7*/
zoom:1; /*IE Hack wieder mal*/

Natürlich ist aber .png datei lösung besser da die Schrift nicht beeinflusst wird. Entsteht aber natürlich das IE6 problem das aber mit http://www.dillerdesign.com/experiment/DD_belatedPNG/ script behoben werden kann .

[mike-r]

Um die Verwirrung noch zu komplettieren:
Bei fix positionierten Hintergründen ist die browserübergreifend beste Lösung auch für die entsprechenden Boxen (mattere) fix positionierte Hintergründe zu verwenden, anstatt mit Transparenzen rumzupfuschen.
Das hat auch noch den Nebeneffekt, dass es
a: auf schwachbrüstigeren Rechnern nicht so viel CPU frisst und
b: im IE auch ohne Javascript läuft.