2010-02-08 6 views
3

Il semble que le style CSS-coins arrondis fonctionne sur certaines parties de mon site Stackexchange (s) - SF Answers & Phonehow.com et pas sur les autres - Il s'affiche correctement dans Chrome, mais pas dans Safari .. Je ne sais pas si c'est un Bug de Safari, ou quelque chose qui me manque. La barre de navigation utilise le style des coins arrondis dans tous les navigateurs, mais les onglets (actif, vedette, chaud, semaine, mois) sont toujours carrés dans Safari. J'ai eu quelques-uns de mes codeurs vérifient, et ils sont coincés, donc j'ai pensé que je poserais la question ici. MerciCSS coins arrondis bug dans Safari?

Voici mon code:

#tabs a.youarehere, #tabs a:hover, .jtabs .tabsul li:hover, .jtabs .tabsul li.ui-tabs-selected { 
-moz-background-clip:border; 
-moz-background-inline-policy:continuous; 
-moz-background-origin:padding; 
background:#FFFFFF none repeat scroll 0 0; 
border-color:#BBBBBB #BBBBBB #FFFFFF; 
border-style:solid; 
border-width:1px; 
color:#264a6f; 
-moz-border-radius:4px 4px 0 0; 
-webkit-border-radius:4px 4px 0 0; 
+0

merci d'avoir ajouté le lien Patrick – debug

+0

De beaux sites! Et s'il vous plaît réparer le lien pour Phonehow.com. En passant, le défilement est lent (retardé) dans Chrome sur Windows XP (mais pas dans Safari ou d'autres navigateurs). –

+0

Je n'ai pas fait ça, Patrick l'a fait. Chaque fois que j'essaie de le changer, il est dit que vous ne pouvez ajouter qu'un seul lien. – debug

Répondre

1

Vous ne pouvez utiliser une valeur lors de l'utilisation -webkit-border-radius. Il semble que Chrome peut gérer plus de valeurs pour le moment, mais Safari ne peut pas. Voir this post pour une bonne explication ou jetez un oeil à MDC (hmm, il ne mentionne pas Chrome). Curieusement, je n'ai pas pu trouver quelque chose à ce sujet sur webkit.org, mais j'ai seulement fait une recherche rapide.

Utilisez plutôt le long form properties pour Safari (c'est-à-dire -webkit-border-top-left-radius et autres).