Shop-Hilfe.com
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 04.09.2005, 00:52   #1
TP-Junior
 
Registriert seit: Apr 2005
Nereid macht alles soweit korrekt

Transparente Hintergrundfarbe für Links


Hallo,
kurze Frage eines Html/CSS Neulings
Ist es möglich CSS-programmierten Links eine transparente Hintergrundfarbe zu geben? Um genau zu sein handelt es sich um folgenden Programmcode:
ul#Navigation a:link {
color: black; background-color: #eee;
}
ul#Navigation a:visited {
color: #666; background-color: #eee;
}
ul#Navigation a:hover {
color: black; background-color: white;
}
ul#Navigation a:active {
color: white; background-color: gray;
}

(der Quellcode stammt von SelfHtml, könnt es euch auch unter dem Link http://de.selfhtml.org/css/layouts/a...ltig_links.htm selbst ansehen um zu verstehen was genau gemeint ist)

Dadurch entsteht eine kleine Box um den Link herum, der u.a. beim Rollover Effekt (siehe a:hover) die Farbe von #eee auf weiß ändert. Ist es nun möglich, die Farben #eee und weiß transparent zu gestalten, sodass die Hintergrundgrafik meiner Homepage leicht durchschimmert? Oder ist das mit CSS/Html allein nicht möglich? Bzw. funktioniert das nur mittels Java oder Flash programmierten Buttons?
Danke im Voraus für eure Hilfe.

MfG,
Nereid
Nereid ist offline   Mit Zitat antworten


Alt 04.09.2005, 01:26   #2
TP-Greis
 
Benutzerbild von Boris
 
Registriert seit: Mar 2001
Ort: Berlin, Germany
Boris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKE
Nimm einfach nur überall das background-color: ... komplett raus, dann sind alle Links "transparent".
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris
Boris ist offline   Mit Zitat antworten
Alt 04.09.2005, 05:42   #3
TP-Junior
 
Registriert seit: Apr 2005
Nereid macht alles soweit korrekt
Vielleicht etwas undeutlich von mir formuliert: Die Kästchen sollen nicht ganz verschwinden, sondern nur einen transparenten Farbton erhalten (so 60% transparent)
Nereid ist offline   Mit Zitat antworten
Alt 04.09.2005, 05:55   #4
TP-Senior
 
Benutzerbild von overflood
 
Registriert seit: Jul 2005
Ort: Kassel
overflood macht alles soweit korrekt
allein auf den background kann man das nicht anwenden (außer mit einem transparenten PNG, welches aber im IE6 nicht unterstützt wird - für den müsstet ihr eine alternative angeben).

Erstellt einfach ein PNG mit 60%. Ansonsten gibt es die möglichkeit ein gesamtes Element mit dem opacity-hack schimmern zu lassen. Da gibt es für jeden browser, da css3 noch nicht implementiert, einen anderen hack: moz-opacity, khtml-opacity, alpha-filter im IE, und ab css3: opacity:66%;

Greez
OverflooD
__________________
Webdesign Kassel | eCommerce | Artikel schreiben | Dach neu decken?
Nichts ist wertvoller auf der Welt, als eine Idee, deren Zeit gekommen ist. Victor Hugo
overflood ist offline   Mit Zitat antworten
Alt 04.09.2005, 19:05   #5
321
TP-Specialist
 
Benutzerbild von 321
 
Registriert seit: Nov 2004
Ort: Die Insel in Europa die aus Europa erst Europa macht _________________________ Nähe Lenzburg
321 hilft, wo's geht321 hilft, wo's geht321 hilft, wo's geht
Für halbe Transparenz geht es auch mit einem xxx.GIF
in dem abwechselnd ein Pixel transparent und das andere im gewünschten Farbton ist,
der auch nicht zwingend immer derselbe sein muss.
__________________
[321 Name="Joe"]
wie immer, lieber gleich mit notepad, dem Editor meines Vertrauens
[/321]


use my HTML-Tester

Motto'06: Mut zur deutschen Sprache!
321 ist offline   Mit Zitat antworten
Alt 04.09.2005, 19:23   #6
TP-Senior
 
Benutzerbild von overflood
 
Registriert seit: Jul 2005
Ort: Kassel
overflood macht alles soweit korrekt
naja, das sind dann aber nur pseudo-transparenzen...
__________________
Webdesign Kassel | eCommerce | Artikel schreiben | Dach neu decken?
Nichts ist wertvoller auf der Welt, als eine Idee, deren Zeit gekommen ist. Victor Hugo
overflood ist offline   Mit Zitat antworten
Alt 05.09.2005, 01:59   #7
321
TP-Specialist
 
Benutzerbild von 321
 
Registriert seit: Nov 2004
Ort: Die Insel in Europa die aus Europa erst Europa macht _________________________ Nähe Lenzburg
321 hilft, wo's geht321 hilft, wo's geht321 hilft, wo's geht
warum Pseudo-Transparenz?
Eine Teiltransparenz besteht dohc immer aus transparenten und nichttransparenten Pixeln. Das einzelne Pixel kann nicht halbtransparent sein.
Sollte ich irren, lasse ich mich gerne von Graph-Profis belehren.
__________________
[321 Name="Joe"]
wie immer, lieber gleich mit notepad, dem Editor meines Vertrauens
[/321]


use my HTML-Tester

Motto'06: Mut zur deutschen Sprache!
321 ist offline   Mit Zitat antworten
Alt 05.09.2005, 02:02   #8
TP-Senior
 
Benutzerbild von overflood
 
Registriert seit: Jul 2005
Ort: Kassel
overflood macht alles soweit korrekt
na klar, eine grafik kann doch zu 20%, zu 50% oder zu 80% die farbe darunter-liegenden elements annehmen. das nennt man transparent, wenn sich die farbe zweier elemente "mischt".
__________________
Webdesign Kassel | eCommerce | Artikel schreiben | Dach neu decken?
Nichts ist wertvoller auf der Welt, als eine Idee, deren Zeit gekommen ist. Victor Hugo
overflood ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Traum-Talk > Webdesign & Co.
Transparente Hintergrundfarbe für Links Transparente Hintergrundfarbe für Links
« Farbunterschied IE - Firefox | Wie hinterlege ich Pop UP ohne JavaScript »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:56 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67