Text verstecken und bei hover anzeigen?
Steve
- css
0 Christoph Schnauß0 Steve0 Struppi
0 MakkuZ0 wahsaga
Hallo,
ich möchte für ein Forum eine Art Spoilerschutz erstellen. Ich habe mir das so vorgestellt, dass der Text in einem div Container steht und irgendwie per z-index in den Hintergrund verschoben wird. Dann hovert man irgendwo und der Text wird in den Vordergrund verschoben.
Es gibt jetzt nur noch ein Problem: kann man sowas überhaupt rein mit CSS lösen? Denn Javascript möchte ich auf keinen Fall dafür verwenden.
hallo,
ich möchte für ein Forum eine Art Spoilerschutz erstellen. Ich habe mir das so vorgestellt, dass der Text in einem div Container steht und irgendwie per z-index in den Hintergrund verschoben wird. Dann hovert man irgendwo und der Text wird in den Vordergrund verschoben.
Schau dir mal http://aktuell.de.selfhtml.org/tippstricks/css/infobox/index.htm an und wandle es auf deine Weise ab.
Es gibt jetzt nur noch ein Problem: kann man sowas überhaupt rein mit CSS lösen?
Nicht vollkommen, weil dir der IE einen Strich durch die Rechnung macht. Es genügt aber, anstelle von "a:hover" den EventHandler "onmouseover" einzusetzen.
Denn Javascript möchte ich auf keinen Fall dafür verwenden.
Dann gehts auch nicht richtig mit dem IE, mit den vernünftigen Browsern gehts.
Grüße aus Berlin
Christoph S.
Danke, das werde ich mir ansehen. Der IE geht mir echt auf die Nerven.
Mir ist jetzt nur noch ein Problem aufgefallen. In einem Forum können auch mal meherer solcher 'Spoilerboxen' auf einer Seite erscheinen. Die hätten dann aber alle die gleiche id und würden auch zugleich aufgehen. Oder verstehe ich das falsch?
hallo,
Mir ist jetzt nur noch ein Problem aufgefallen. In einem Forum können auch mal meherer solcher 'Spoilerboxen' auf einer Seite erscheinen. Die hätten dann aber alle die gleiche id und würden auch zugleich aufgehen. Oder verstehe ich das falsch?
Ja, da verstehst du was falsch. Du kannst doch beliebig viele IDs erstellen und einsetzen, wo liegt da ein Problem?
Grüße aus Berlin
Christoph S.
Stimmt, ich glaub ich hab grad einen ziemlich Knoten im Hirn, ich seh mir das erst mal in Ruhe an und wenn noch eine Frage auftaucht stelle ich sie.
Wird die hier wiedergefunden, wenn der Thread schon weiter unten ist?
Hi,
Wird die hier wiedergefunden, wenn der Thread schon weiter unten ist?
Guck Dir die Posting-Zeiten/Daten des untersten Threads an. Das dürfte die Frage beantworten.
cu,
Andreas
Nicht vollkommen, weil dir der IE einen Strich durch die Rechnung macht. Es genügt aber, anstelle von "a:hover" den EventHandler "onmouseover" einzusetzen.
Der IE kann das (sogar mein betagter IE 4), hat aber einen Bug http://www.quirksmode.org/css/ie6_purecsspopups.html
Hier ein Beispiel: http://home.arcor.de/struebig/computer/javascript/exp/test/css-mouseover.html
Struppi.
hi!
eine lösung mit div kann ich dir nicht anbieten! aber zur not könnte man doch (je nachdem wie groß der text ist) einen link nehmen und a:link und a:visited der hintergrundfarbe angleichen und a:hover mit einer anderen farbe belegen die dann beim draufzeigen sichtbar wird!
greetz
MakkuZ
hi,
ich möchte für ein Forum eine Art Spoilerschutz erstellen.
bitte was?
gruß,
wahsaga
Hi,
ich möchte für ein Forum eine Art Spoilerschutz erstellen.
bitte was?
Das, was Kimi Räikkönen letzten Sonntag gebraucht hätte, als sich sein Heckspoiler entschloß, sich spontan vom Auto zu trennen ;-)
cu,
Andreas
Tach,
ich möchte für ein Forum eine Art Spoilerschutz erstellen.
bitte was?
stelle dir ein Forum vor in dem über Filme diskutiert wird: Ein Thread beginnt, und viele reden mit. Irgendjemand hat ein Gerücht gehört und möchte darüber sprechen, um den anderen den Spaß nicht zu verderben (zu spoilern), kann er den relevanten Teil verstecken (haüfig per 20 Zeilen in denen SPOILER! steht oder die Textfarbe wird auf die Hintergrundfarbe geändert, so daß man den Text markieren muß um ihn lesen zu können), und nur mit denen weiterdiskutieren, die soetwas nicht stört.
mfg
Woodfighter