Ich habe Ihre Geige testen, wie es scheint, dass dieses Problem nur auf FireFox passiert ist. Sie zeigen einfach 1 Box (Sie schreiben Inhalt in CSS) und das Browser-Standard-Titelattribut, die bei Hover angezeigt werden.
Wenn Sie nicht über die wirklichen „title“ -Attribut ist es egal, können Sie eine Behelfslösung wie folgt verwenden: http://jsfiddle.net/tDQWN/9078/
nur 3 Zeilen Code ändern:
Die Ausgabe Ihres HTML:
<span title=${code} ></span>
Und die CSS der: nach Inhalt:
a[data-title]:hover:after {
content: attr(data-title);
padding: 4px 8px;
color: #333;
position: absolute;
left: 0;
top: 100%;
white-space: nowrap;
z-index: 20px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0px 0px 4px #222;
-webkit-box-shadow: 0px 0px 4px #222;
box-shadow: 0px 0px 4px #222;
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}
I n einfache Worte, ich habe gerade das Attribut "title" in einem Attribut "Datentitel" geändert. In diesem Fall gibt der Browser diesen kleinen Titeltext nicht aus, da es sich nicht um ein Standardattribut "Titel" handelt. Jetzt müssen Sie den Stil von nur einer Box machen.