Page 1 of 1
[gelöst]Durchscheinende Webseite im transparenten Submenü
Posted: Wed Jun 16, 2010 1:13 pm
by 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
Re: Durchscheinende Webseite im transparenten Submenü
Posted: Wed Jun 16, 2010 1:53 pm
by markus0711
So geht`s:
page-menu ul#primary-nav li {
float: left;
opacity:0.9;
}
Kommt geil!
Re: [gelöst]Durchscheinende Webseite im transparenten Submenü
Posted: Wed Jun 16, 2010 2:10 pm
by 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.
Re: [gelöst]Durchscheinende Webseite im transparenten Submenü
Posted: Wed Jun 16, 2010 7:16 pm
by nicmare
owr_web wrote:
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
Re: [gelöst]Durchscheinende Webseite im transparenten Submenü
Posted: Wed Jun 16, 2010 7:54 pm
by 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.
Re: [gelöst]Durchscheinende Webseite im transparenten Submenü
Posted: Wed Jun 16, 2010 8:23 pm
by 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 .
Re: [gelöst]Durchscheinende Webseite im transparenten Submenü
Posted: Wed Jun 16, 2010 11:08 pm
by 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.