nicht angemeldet
Zeilenhintergrund halbtransparent darstellen
So ich hab noch ein Problem:
Ich habe eine Grafik im Hintergrund und möchte dadrüber Schrift haben, doch sowohl die Schrift als auch die Grafik ist farbig, man sieht also nicht mehr richtig was da steht. Von PowerPoint- oder OpenOffice-Präsentationen kenne ich das man den Zeilenhintergrund Grau-transparent einfärbt. Funktioniert das auch irgendwie auf einer Website? Wenn ja wie?
Mfg
Anthony DiNozzo
-
Hi,
Ja, das geht wenn man den Text in Tabellenzellen, divlayern oder andere Html elemente packt und diesen dann per css eine Backgroundfarbe zuweist.
Das transparent wird schon schwieriger, da dies nicht von jedem Browser unterstütz wird (IE).
--
Selfcode: ie:{ fl:( br:> va:| ls:& fo:| rl:? n4:& ss:| de:/ js:} mo:) zu:}-
Hi,
Das transparent wird schon schwieriger, da dies nicht von jedem Browser unterstütz wird (IE).
Ok, ich korrigier mich mal, es geht doch:
filter:alpha(opacity=0.5); IE
-moz-opacity:0.5; Gecko-Browser (mozilla, etc.)
opacity:0.5; Opera 9.+--
Selfcode: ie:{ fl:( br:> va:| ls:& fo:| rl:? n4:& ss:| de:/ js:} mo:) zu:}-
Ok, ich korrigier mich mal, es geht doch:
filter:alpha(opacity=0.5); IE
-moz-opacity:0.5; Gecko-Browser (mozilla, etc.)
opacity:0.5; Opera 9.+nein, das macht das komplette element (halb-)transparent, auch die schrift und alle kindelmenete
eine alphatransparente hintergrundgrafik ist die bessere lösung
-
-
Hi danke das hab ich schon ausprobiert war ein Misserfolg :(
Ich hab jetzt aber noch was gefunden was genau das ist was ich suche und auch wieder NICHT:
Das Problem: es funktioniert nur unter Windows wenn überhaupt, da ich aber ausschließlich Linux nutze bringt mir das nicht viel. Kann man das nicht so umschreiben das es überall funktioniert?<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html><head><title>filter:Mask()</title>
</head><body><p>Links die normale Grafik, rechts mit Mask()-Filter:</p>
<p><img src="filter_mask.gif" width="100" height="94" alt="Bild">
<img src="filter_mask.gif" style="filter:Mask(color=#000066)" width="100" height="94" alt="Bild"></p></body></html>
Mfg
Anthony DiNozzoPS:gefunden hab ich es da: http://de.selfhtml.org/css/eigenschaften/anzeige/filter_mask.htm
-
Hi,
probiers doch erstmal damit:
http://developer.mozilla.org/en/docs/Useful_CSS_tips:Color_and_Background
Hinweis: nicht das erste Bsp.
--
Selfcode: ie:{ fl:( br:> va:| ls:& fo:| rl:? n4:& ss:| de:/ js:} mo:) zu:}
-
-
-
... den Zeilenhintergrund Grau-transparent einfärbt.
Nimm für die Zeile oder einen div drumrum eine Sieb-Grafik als Hintergrund. Durch die Löcher des Siebes scheint der Untergrund durch:
<div style='background-image:url(transp_gruen.gif)'>
Text
</div>Hier sind ein paar: weiss, gelb, grau, gruen.
Kalle
