Hayo: border: 1px dotted black; - auch im IE ? [revisited]

Beitrag lesen

Zu dem Thread http://forum.de.selfhtml.org/archiv/2005/1/t99899/#m611095 ist mir so etwas wie eine "Lösung" eingefallen.

Problem war, dass der IE mit dem Style

.tooltip {
 border-bottom-style: dotted;
 border-bottom-width: 1px;
 cursor:help;
}

nur eine gestrichelte Linie (2 x 1 Pixel) erzeugt. Mit der speziellen Anpassung per Star-Hack für IE

* html .tooltip {
    zoom:0.5;
    font-size:2em;
    border-bottom-width: 2px;
    line-height: 1em;
}

bekommt man eine gepunktete Unterstreichung. Der Trick ist, dass man alles in doppelter Größe darstellt und dann per Zoom wieder runterskaliert.

Nachteil: Wenn der Text umgebrochen wird, ist nur die letzte Zeile unterstrichen, allerdings in der vollen Textbreite.

Getestet habe ich es bisher nur mit dem IE6 (und Firefox 2).