CSS Element nach hover weiterhin anzeigen?

... komplette Frage anzeigen

4 Antworten

Ich sehe das so wie @n0b0dyelse, mit Javascript geht das am elegantesten. Der CSS:hover allein funktioniert z.B. auf dem Touchscreen eines Handys sowieso nicht.

Antwort bewerten Vielen Dank für Deine Bewertung

Meines Wissens nach ist das nicht möglich mit CSS, solange du nichts anklickst (via versteckte Checkbox).

Dazu kannst du jedoch JavaScript verweden:
entwerder in HTML direkt bei deinem element:

<div id='element1'></div>
<div id='element2' onmouseover='document.querySelector("#element1").style.display = "block"' ></div>

oder in einem "<script>" tag am ende des "bodys":

 document.querySelector("#element2").addEventListener("mouseover", function(){
document.querySelector("#element1").style.display = "block";
});
Antwort bewerten Vielen Dank für Deine Bewertung
Kommentar von Frager2111
31.10.2016, 09:20

Leider kann ich bei dem Programm nur CSS einfügen... gibt's da Möglichkeiten?

0

Mit dem CSS dass du da hast, werden ältere Browser gar nichts machen - ist dir hoffentlich bewusst? Du kannst das mit "transition delay" bewältigen.

Hoffe du kannst englisch lesen, dann ist hier die Antwort:
http://stackoverflow.com/questions/17100235/make-css-hover-state-remain-after-unhovering

Ansonsten google mal, z.B. "CSS hover effect permanent"

Antwort bewerten Vielen Dank für Deine Bewertung
Kommentar von Frager2111
31.10.2016, 09:15

Ist mir nicht bewusst :-) Was gibt's denn für Alternativen?

0

Was möchtest Du wissen?