Verborgenen text anzeigen auf hover (CSS)

Ich habe versucht, für eine Weile jetzt, um zu zeigen, einige text auf :hover, ist jemand in der Lage zu erklären es für mich?

Habe ich versucht:

#DivForHoverItem:hover #HiddenText {
     display: block;}

ohne Glück, leider. Dieses kleine Stück ist in jedem Beispiel, das ich gefunden.

Ich auch nicht verstanden: https://css-tricks.com/forums/topic/show-text-on-hover-with-css/

Ich versuche <div id="DivForHoverItem"><p>Shown text</p></div>

<div id="HiddenText"><p>Hidden text</p></div>

CSS:

#HiddenText {
   display: none;
}

und die code-Zeile, die da oben ^

#DivForHoverItem:hover #HiddenText {
     display: block;}

Bitte posten Sie Ihre HTML-und gesamten relevanten CSS.
Veröffentlichen Sie Ihre HTML -, CSS -, indem Sie sich nicht zeigen, wo das problem ist.
Es ist kein problem, was so überhaupt, ich kann einfach nicht scheinen, um herauszufinden, wie dies zu tun. Nichts in meinem code ist die Interaktion, wie mein code ist eine einfache Prüfung mit nur Wenig Ruhe.
Zeigen Sie uns, Ihrem code, wo Sie versucht, dies zu tun, und wir können helfen, Sie finden, was falsch ist. Wenn wir nicht sehen können, was Sie getan haben, können wir Ihnen nicht helfen herauszufinden, warum es nicht funktioniert.
Editiert main-post.

InformationsquelleAutor Albert MN. | 2015-07-21

css html

Wenn Sie auf okay mit der Verwendung von JavaScript, die Sie verwenden könnten:

var outDiv = document.getElementById('DivForHoverItem');
var inDiv = document.getElementById('HiddenText');

outDiv.onmouseover = function() {
     inDiv.style.display = 'inline';
};

outDiv.onmouseout = function() {
     inDiv.style.display = 'none';
};

InformationsquelleAutor Ryan Rossiter

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.