Hallo zusammen,
ich habe mit FontAwesome ein Info-Icon auf einer Webseite eingebunden zum Darstellen eines eigenen Textes. Mit hover möchte ich gerne den eigenen Text einblenden um Besuchern zusätzliche Informationen mitzuteilen. Ich habe irgendeinen Fehler noch, auf den ich im Augenblick aber nicht komme. Es funktioniert zwar "display:none;" noch aber der Hover-Effekt stellt sich nicht ein, wenn man mit der Maus auf das Icon fährt.
Wer kann mir bitte helfen und mitteilen, wo hier mein Problem liegt?
Anbei der von mir generierte Code.
HTML-Code:
<div class="ce_fontAwesomeIcon">
<i class="fa fa-info-circle"></i>
<span class="info_text">Hier der Text rein</span>
</div>
Code:
span.info_text {
display:none;
}
span.info_text:hover {
display:block;
background-color:#ffffe1
border:1px solid #707070;
}
Danke!
Gruß
Thomas
Lesezeichen