Kann der Titel eines abbr-Tags formatiert werden?

7

Nehmen Sie den folgenden Code:

%Vor%

Können wir den Titel eines Abbr-Tags formatieren? Also können wir anstelle eines benutzerdefinierten Tooltips Titel verwenden?

    
Joemon 05.11.2009, 18:47
quelle

4 Antworten

5

Wenn Sie meinen, der eigentliche Text, der auftaucht, nein, Sie können das nicht mit CSS gestalten; es ist Browser-spezifisch. Javascript-basierte tooltips wäre die Art, wie ich damit umgehen würde, da es mehr Kontrolle über dieses Verhalten ermöglicht.

    
Alex Mcp 05.11.2009, 18:50
quelle
23

Eigentlich ist Alex Mcps Antwort falsch. Es ist durchaus möglich, dies mit CSS für moderne Browser zu tun. Es kann jedoch ein Ersatz für ältere Browser mit JavaScript verwendet werden.

%Vor%

Dies fügt ein absolut positioniertes Pseudo-Element oben rechts vom abbr-Tag hinzu, indem der Attribut-Inhalt innerhalb des Titels verwendet wird, wenn das abbr-Tag über ihm schwebt.

    
DigiKev 08.07.2012 12:20
quelle
3

Ich war auf der Suche nach etwas ähnlichem und habe die folgende Alternative gefunden (getestet in Firefox, Safari und Chrome auf Mac, funktioniert mit IE 7-10, als ich darauf geklickt habe), basierend auf dieser Link :

HTML:

%Vor%

jQuery:

%Vor%

CSS:

%Vor%     
davewoodhall 15.09.2013 22:19
quelle
1

Sie können festlegen, wie die verkürzte Version angezeigt wird, in diesem Fall also "WHO". Aber nicht die Art, wie die Popup-Box angezeigt wird, da diese vom Browser / Betriebssystem gesteuert wird.

Sie können diese Einschränkung umgehen, indem Sie einige JQuery -Artikel programmatisch auf ein beliebiges abbr -Tag anwenden - dies würde ein div anzeigen, von denen der Inhalt dasselbe lesen würde wie% code_% auf dem Tag, der ihn aufgerufen hat.

    
Amadiere 05.11.2009 18:51
quelle

Tags und Links