Wie mit jQuery UI Tabs in IE 6

Question

Ich bin nicht sehr gut mit CSS arbeiten, aber mit viel Versuch und Irrtum ich diese Seite gemacht, die Registerkarten jQuery UI und sieht etwas anständiges hat: http://jsbin.com/uquvi

Allerdings, wenn ich Öffnen Sie diese Seite in IE 6, zu meiner Enttäuschung scheinen die Tabs keine gekrümmten Ecken zu haben.

Im Moment haben sie eine sehr schlechte Implementierung von Tabs, weil sie Tabs mit Tags erstellen und es sieht einfach chaotisch aus. Außerdem erreichen sie derzeit gekrümmte Laschenecken, indem sie zwei GIF-Bilder haben. Ich hatte jQuery UI Tabs in vielen Blogs gesehen, also beschlossen, damit zu laufen, aber jetzt bin ich Probleme.

Kann jemand bitte einen Blick auf die Seite werfen und mir sagen, wie man das für IE 6 korrigiert?

Answer 1

Du

-moz-border-radius-topleft: 4px; 
-webkit-border-top-left-radius: 4px; 

beide Eigenschaften sind speziell für Firefox und Webkit (Safari und Chrome)

mit der Wenn Sie abgerundete Ecken im IE wollen, um sie mit Hintergrundbildern zu tun haben.

In diesem Matt Berseth blog post finden Sie Beispiel, wie es geht, aber im Grunde müssen Sie der Registerkarte ein Hintergrundbild mit der abgerundeten Ecke zuweisen.

Another way to do it in this link

BTW, den HTML-Code der Webseite Werden Sie sind sehr chaotisch, mit zwei html, body and head Tags

Answer 2

Sie die corner plugin verwenden können, die CSS verwendet, wenn möglich, wenn der Navigator nicht der Fall ist Rundungsunterstützung mit CSS (als ie6), Runden mit Javascript.