XHTML, wie man das TITLE-Attribut nicht als Tooltip anzeigt

Question

Um meine Website XHTML-kompatibel zu machen, habe ich eine title Attribut für alle meine IMG Tags.

Wenn Sie jedoch mit der Maus über ein Bild fahren, wird der Text aus meinem title Attribut wird als kleines Popup-Fenster angezeigt. Ich möchte nicht, dass dieser Text sichtbar ist.

Frage : Wie kann ich verhindern, dass der Browser die title Attributtext als Popup, wobei die title Attribut vorhanden?

<img src="..." title="text that gets displayed as a popup but I don't want it to" />

Answer 1

Sie müssen keine title Um die Vorschriften einzuhalten, benötigen Sie ein alt .

Das Verhalten, das Sie sehen, ist die korrekte Implementierung durch die UA des Titels, so dass es schwer/unmöglich ist, diese zu überschreiben.

Answer 2

Dies ist browserabhängig. Manche Browser zeigen das title-Attribut an, manche zeigen gar nichts an und manche zeigen stattdessen das alt-Attribut an. In letzter Zeit ist dies jedoch bei allen Browsern einheitlicher geworden, wobei die meisten das title-Attribut bevorzugen.

Answer 3

Der Titel soll angezeigt werden. Wenn Sie eine Bildbeschreibung wünschen, die nur für Bildschirmleser angezeigt wird, verwenden Sie das Attribut alt, das nur angezeigt wird, wenn das Bild nicht angezeigt werden kann (=> Bildschirmleser).

Answer 4

Verwenden Sie ALT y TITLE zusammen. Setzen Sie Ihren netten, hilfreichen Text in den alt-Tag und dann nichts in den title-Tag so :

<img src="http://www.google.com/intl/en_ALL/images/logo.gif"o 
     alt="Goooooooogle!"
     title="" /> 

Si ALT nicht mehr "gültig" ist (ist es das?!), schlage ich vor, dass jede Lösung, die dieses kleine Ärgernis der Validierung umgeht, viel schlimmer sein wird, als es zu ignorieren.

Answer 5

Ich glaube nicht, dass dies eine großartige Lösung, das Leben mit dem Tooltip ist besser, aber wenn Sie eine absolut positioniert div mit einem soliden Hintergrund auf sehr niedrige Deckkraft (1%) und einen höheren z-Index dann Ihr Bild, sollten Sie nicht erhalten, ein Tooltip.

 <img style="position:absolute;
             top:0;left:0;width:200px;height:200px;"
       src="yourImage.gif" alt="the text you don't want to show" 
                           title="the text you don't want to show"/> 
 <div style="position:absolute;
             top:0;left:0;height:200px;width:200px;
             z-index:1000;filter:alpha(opacity=01);
             -moz-opacity:0.01;background-color:gray;">
 </div>

Nochmals, ich schlage das nicht vor, aber das soll nur zeigen, dass es einen Weg gibt...