Comment travailler avec les onglets de l'interface utilisateur jQuery dans IE 6

Question

Je ne suis pas très bon avec CSS, mais avec beaucoup d'essais et d'erreurs que j'ai fait cette page qui a des onglets jQuery UI et ressemble un peu décent: http://jsbin.com/uquvi

Cependant, quand je ouvrir cette page dans IE 6, à ma grande déception les onglets ne semblent pas avoir des coins courbes.

Au travail en ce moment, ils ont une très mauvaise implémentation des onglets car ils créent des onglets avec des balises et cela a l'air malpropre. En outre, ils réalisent actuellement des angles de tabulation courbes en ayant deux images gif. J'avais vu les onglets de l'interface utilisateur jQuery dans de nombreux blogs, donc j'ai décidé de l'utiliser, mais maintenant je suis un problème.

Quelqu'un peut-il s'il vous plaît jeter un oeil à la page et dites-moi comment corriger cela pour IE 6?

Answer 1

Vous utilisez

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

les deux propriétés sont personnalisées pour Firefox et WebKit (Safari et Chrome)

Si vous voulez des coins arrondis dans IE, vous devez les faire avec des images d'arrière-plan.

Dans ce Matt Berseth blog post vous trouverez un exemple de la façon de le faire, mais en gros vous devez assigner une image de fond avec le coin arrondi à l'onglet.

Another way to do it in this link

BTW, le code HTML de la page Web de votre référencez est très salissant, avec deux html, body and head balises

Answer 2

Vous pouvez utiliser le corner plugin, qui utilise les CSS lorsque cela est possible, si le navigateur ne fonctionne pas support arrondi avec CSS (comme ie6), arrondi avec javascript.