propriété direction avec le numéro rayon de frontière avec IE9

direction: rtl; 
font-size: large; 
-webkit-border-radius: 0px 50px 50px 0px; 
-moz-border-radius: 0px 50px 50px 0px; 
border-radius: 0px 50px 50px 0px;

J'ai remarqué IE9 change la façon dont il lit les valeurs de rayon à la frontière, dans le cas ci-dessus, il se lit en haut à gauche en haut à droite et le div style rendrait dans l'autre direction contrairement au chrome et au moz!propriété direction avec le numéro rayon de frontière avec IE9

des idées?

Source

2011-12-30 nolimit

Vous pouvez supprimer les lignes '-moz-' et '-webkit-', les deux navigateurs supportent maintenant le bon format. Peut-être que si vous faites cela, vous pourriez voir si tous les navigateurs ont ce comportement ou si c'est juste IE. –

pourriez-vous reproduire le problème dans un [jsfiddle] (http://www.jsfiddle.net)? – ptriek

Apparemment, IE9 prend un peu trop littéralement "CSS direction property" ... – BoltClock

Je vous recommande de simplement définir top-right-border-radius et ainsi de suite. Et ne supprimez pas le -moz- parce que beaucoup d'utilisateurs de Firefox ne mettent pas à niveau quand ils le devraient.

Ou vous pouvez utiliser IE conditional comments comme ceci:

<html> 
    <head> 
     <style> 
      property: value; 
     </style> 
     <!--[if IE]> 
      <style> 
       ie-only-property: value; 
      </style> 
     <![endif]--> 
    </head> 
    <body> 
     Page text here 
    </body> 
</html>

Source

2012-05-30 12:29:41 Ian

ce bogue dans IE9 qui se produit lorsque l'élément a direction: rtl; (soit directement sur l'élément avec border-radius ou hérité d'un parent de cet élément).

la solution est d'appliquer direction: ltr; sur l'élément.

Source

2014-02-08 13:52:05 sepehr

propriété direction avec le numéro rayon de frontière avec IE9

Répondre

Questions connexes