2009-05-17 8 views
2

J'ai essayé très dur d'obtenir des coins arrondis avec les onglets IE6 + jquery ui.fixation css pour IE6 besoin d'aide!

J'ai cette page préparée: http://jsbin.com/uzoko (w/out dd_roundies)

Ofcourse, les coins arrondis travaillent en FF, mais pas IE6. Parce que certaines des propriétés utilisées dans CSS sont spécifiques à FF et Chrome.

J'avais posé cette question hier as well et basé sur cette suggestion j'ai utilisé la bibliothèque DD_Roundies. Cependant, la page d'exemple que j'ai fournie en haut n'a pas la possibilité d'ajouter une bibliothèque DD_Roundies donc je ne peux pas vraiment montrer ce qui ne va pas avec la page quand elle est en cours d'exécution dans css.

Mais après l'implémentation DD_Roundies je peux voir les coins arrondis dans IE6 bien. TOUTEFOIS, j'ai des problèmes suivants:

  1. SEULEMENT les onglets 'First' semblent avoir des coins arrondis. Quand je clique sur le deuxième onglet, il n'a pas arrondi les coins et ainsi ne le troisième.
  2. lorsque je m'éloigne du premier onglet, il semble avoir une bordure avec la couleur # 990000.

Tout cela ne se produit pas dans FF @ # $% @ $ !!

Depuis que je suis incapable de mettre DD_Roundies le code bibliothèque jsbin Je vais mettre ce que j'ai par rapport à dd_roundies sur ma page, ici:

 DD_roundies.addRule('.ui-corner-all', '4px'); 
     DD_roundies.addRule('.ui-corner-top', '2px 2px 0px 0px'); 
     DD_roundies.addRule('.ui-corner-bottom', '0 0 4px 4px'); 
     DD_roundies.addRule('.ui-corner-right', '0 4px 4px 0'); 
     DD_roundies.addRule('.ui-corner-left', '4px 0 0 4px'); 
     DD_roundies.addRule('.ui-corner-tl', '4px 0 0 0'); 
     DD_roundies.addRule('.ui-corner-tr', '0 4px 0 0'); 
     DD_roundies.addRule('.ui-corner-br', '0 0 4px 0'); 
     DD_roundies.addRule('.ui-corner-bl', '0 0 0 4px'); 

Je ne suis pas bon à CSS pour commencer puis corriger css donc ça marche avec freaking ie6 est une autre bataille dans laquelle je peux utiliser de l'aide. S'il vous plait!

Aussi, comme suggéré dans la question que j'ai posée hier, j'ai essayé d'utiliser des images aussi bien. J'ai utilisé le site web de cornershop pour créer deux images de coin arrondies. http://tinypic.com/r/30j1rgz/5 et http://tinypic.com/view.php?pic=50joqq&s=5 mais avec ceux-ci quand j'ai changé la section «Interaction Etats de la css et la propriété .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited au

background: #990000; 
font-weight: bold; 
color: #ffffff; 
text-decoration: none; 
outline: none; 
background: url(nw.gif) no-repeat top left; 
background: url(ne.gif) no-repeat top right; 

puis je me suis encore plus étrange restuls suivante :(

+0

+1 sympathie pour travailler avec IE6. –

Répondre

1

ok, au bout de 2 heures de travail, je renonçai useing DD_roundies,
il juste j'ai essayé another plugin que je sais fonctionnent pas bien avec la combinaison avec les onglets UI

Ensuite devrait fonctionner, et testé sur:.
IE6, IE7, FF3

tout fonctionne bien!

See demo here

J'ai également modifié votre CSS.
mettre toute la section "coin rayon" sur le commentaire. pas besoin de çà.

Espérons que cela corresponde à vos besoins :)

+0

vous êtes mon héros renversant pour la semaine !!! –