2010-09-05 6 views
4

Je veux mettre la frontière pour une div,Css: -webkit-border-radius pour Internet Explorer?

aide: -webkit-border-radius fonctionne bien sur Chrome, mais il ne fonctionne pas pour Internet Explorer, versions triple: soit 6, 7 et 8: D

Y at-il d'autres attribuer comme -webkit-border-radius en spécifiant pour IE?

Merci d'avance.

+0

double possible de [Y at-il un moyen d'obtenir des arrière-plans un rayon de frontière et gradient dans IE?] (Http://stackoverflow.com/questions/2969772/-there-a-way-to-get-border-radius-and-gradient-backgrounds-in-ie) –

Répondre

2

IE doit encore implémenter la propriété CSS border-radius. Je crois qu'avec IE9, ils vont le mettre en œuvre. En ce qui concerne les options alternatives et une explication de l'équipe eux-mêmes, voici un lien:

EDIT: IE9 does supports "border-radius".

Rounded Corners in Internet Explorer

Voici un autre lien SO et qui a plus de détails:

Support for “border-radius” in IE

Un de plus, voici un blog officiel de MSDN qui traite du sujet:

The CSS Corner: About CSS corners

4

propriétés CSS qui commencent par un trait d'union sont fournisseurs-préfixes:

  • -webkit (pour les navigateurs Webkit, Chrome et Safari)
  • -o (pour Opera)
  • -moz (pour Firefox et, je pense, pour le moteur de rendu Gecko)
  • -m (pour IE)
  • -khtml (pour Konqueror)

Ces préfixes sont ignorés par le autres moteurs de navigateur.

-webkit-border-radius est destiné à l'implémentation Webkit de la propriété border-radius. Autant que je sache, border-radius ne sera pas implémenté par IE jusqu'à IE 9.

+0

Il est dommage que Border-radius ne supporte pas Ie 7 et 8. Merci! – olidev

3

Essayez d'utiliser CSS3Pie. Il vous permet très facilement d'adapter les décorateurs CSS3 pour IE.

Je l'ai fait un small demo avec Sass il y a quelques jours, si vous voulez vérifier dans IE.

0

Je ne sais pas vous, mais je testé border-radius:15px dans IE9, il fonctionne :)