[HaBo]

js88 · 17.01.06, 15:08

Hallo,

ich habe auf einer Seite ein Hintergrundbild. Darüber habe ich ein div-Element gelegt.
Gibt es eine Möglichkeit mit HTML, CSS, PHP oder Java den Hintergrund des div-Elementes als halbtransparente Farbe zu definieren (halt so, dass das Hintergrundbild zwar noch durchscheint, aber abgedunkelt ist)?

vielen Dank im Voraus
Jonas

**Mackz** · 17.01.06, 15:10

Nimm einfach ein semitransparentes PNG als background-image im div.

Anzeige

- Anzeige -

js88 · 17.01.06, 16:37

Wie kann ich denn diese semitransparenten PNG's erstellen? Gibt es da eine Freeware für?

**Mackz** · 17.01.06, 16:39

Das solltest du mit jedem halbwegs vernünftigen Grafikprogramm hinbekommen.

Versuch mal GIMP, das ist Freeware und bekommst du hier: http://www.gimp.org

Einfach über einem transparenten Hintergrund eine neue Ebene erstellen, diese dann z.B. mit Weiß füllen und die transparenz dieser Ebene auf z.B. 20% stellen. Das ganze dann einfach als transparentes PNG abspeichern. (Für die Verwendung als Hintergrund genügt eine Größe von 1x1 Pixel.)

schmidtl_dd · 17.01.06, 16:55

wenn du nur transparenz ohne farbverfälschung haben möchtest nimm aber nicht weiß, sondern ein nahezu perfektes grau, also R/G/B = 127/127/127

[starfoxx] · 17.01.06, 18:21

Und nicht vergessen, png24 (die halbtransparenz unterstüzen) werden im IE, ohne Hack, nicht angezeigt.

edit: falsch anzegeigt.

**soox** · 17.01.06, 19:47

ein wenig zukunftsmusik: http://www.w3.org/TR/2003/CR-css3-co...14/#rgba-color

treo · 17.01.06, 21:45

für den ie gibt es einen css hack mit dem man auch transparenzen verwenden kann so wie in dem link von soox schon gezeigt:
http://koivi.com/ie-png-transparency/

Ranger · 18.01.06, 21:37

Auf solche Hacks würd ich nicht bauen, die hat keum jemand.
Nimm lieber halbtransparente gifs, die werden ordentlich angezeigt
(oder unterstütt gif keine halbtransparenz?
hab bisher nur gan transparente gifs benutzt)

treo · 18.01.06, 21:58

gif hat keine halbtransparenzen,
und der hack den ich da angeboten hatte ist bestätigter weise funktionsfähig im ie (die anderen browser brauchen keinen hack)

Ranger · 18.01.06, 23:12

Ja, aber den hat wohl kaum einer, und ich installier mir sowas sicher net, nur weil ich das für sone Webseite brauch

**Mackz** · 18.01.06, 23:26

Zitat:

Original von Ranger
Ja, aber den hat wohl kaum einer, und ich installier mir sowas sicher net, nur weil ich das für sone Webseite brauch

Du hast den Sinn nicht verstanden.
Wenn man zu einem Thema postet, sollte man schon wissen worum es geht und wovon man spricht.

treo · 19.01.06, 14:38

Recht gewagt zu behaupten den IE hätte kaum jemand.
Und da der Hack serverseitig ist (er verändert den inhalt leicht) wird er nicht irgendwie extra installiert.

Anzeige

- Anzeige -

17.01.06, 15:08	#1 (permalink)
js88 Registriert seit: 24.05.05 Likes: 0	halbtransparente Anzeige Hallo, ich habe auf einer Seite ein Hintergrundbild. Darüber habe ich ein div-Element gelegt. Gibt es eine Möglichkeit mit HTML, CSS, PHP oder Java den Hintergrund des div-Elementes als halbtransparente Farbe zu definieren (halt so, dass das Hintergrundbild zwar noch durchscheint, aber abgedunkelt ist)? vielen Dank im Voraus Jonas

17.01.06, 15:10	#2 (permalink)
Mackz Administrator Registriert seit: 02.10.01 Likes: 30	Nimm einfach ein semitransparentes PNG als background-image im div. __________________ RL sux big time... auch 2012! Deleting pr0n is like killing your best friend [HaBo] bei Facebook - Werde Fan

17.01.06, 16:39	#4 (permalink)
Mackz Administrator Registriert seit: 02.10.01 Likes: 30	Das solltest du mit jedem halbwegs vernünftigen Grafikprogramm hinbekommen. Versuch mal GIMP, das ist Freeware und bekommst du hier: http://www.gimp.org Einfach über einem transparenten Hintergrund eine neue Ebene erstellen, diese dann z.B. mit Weiß füllen und die transparenz dieser Ebene auf z.B. 20% stellen. Das ganze dann einfach als transparentes PNG abspeichern. (Für die Verwendung als Hintergrund genügt eine Größe von 1x1 Pixel.) __________________ RL sux big time... auch 2012! Deleting pr0n is like killing your best friend [HaBo] bei Facebook - Werde Fan

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

17.01.06, 16:37	#3 (permalink)
js88 Themenstarter Registriert seit: 24.05.05 Likes: 0	Wie kann ich denn diese semitransparenten PNG's erstellen? Gibt es da eine Freeware für?

17.01.06, 16:55	#5 (permalink)
schmidtl_dd Registriert seit: 02.12.05 Likes: 0	wenn du nur transparenz ohne farbverfälschung haben möchtest nimm aber nicht weiß, sondern ein nahezu perfektes grau, also R/G/B = 127/127/127

17.01.06, 18:21	#6 (permalink)
[starfoxx] Senior Member Registriert seit: 18.09.05 Likes: 0	Und nicht vergessen, png24 (die halbtransparenz unterstüzen) werden im IE, ohne Hack, nicht angezeigt. edit: falsch anzegeigt.

17.01.06, 19:47	#7 (permalink)
soox Moderator Registriert seit: 17.10.01 Likes: 0	ein wenig zukunftsmusik: http://www.w3.org/TR/2003/CR-css3-co...14/#rgba-color

17.01.06, 21:45	#8 (permalink)
treo Registriert seit: 16.02.04 Likes: 0	für den ie gibt es einen css hack mit dem man auch transparenzen verwenden kann so wie in dem link von soox schon gezeigt: http://koivi.com/ie-png-transparency/

18.01.06, 21:37	#9 (permalink)
Ranger Registriert seit: 22.05.05 Likes: 0	Auf solche Hacks würd ich nicht bauen, die hat keum jemand. Nimm lieber halbtransparente gifs, die werden ordentlich angezeigt (oder unterstütt gif keine halbtransparenz? hab bisher nur gan transparente gifs benutzt)

18.01.06, 21:58	#10 (permalink)
treo Registriert seit: 16.02.04 Likes: 0	gif hat keine halbtransparenzen, und der hack den ich da angeboten hatte ist bestätigter weise funktionsfähig im ie (die anderen browser brauchen keinen hack)

18.01.06, 23:12	#11 (permalink)
Ranger Registriert seit: 22.05.05 Likes: 0	Ja, aber den hat wohl kaum einer, und ich installier mir sowas sicher net, nur weil ich das für sone Webseite brauch

19.01.06, 14:38	#13 (permalink)
treo Registriert seit: 16.02.04 Likes: 0	Recht gewagt zu behaupten den IE hätte kaum jemand. Und da der Hack serverseitig ist (er verändert den inhalt leicht) wird er nicht irgendwie extra installiert.

[HaBo]

halbtransparente