2010-11-01 4 views
0

Je veux tourner le coin de ma photo en utilisant css dans IE7,8 et Firefox. J'ai essayé d'utiliser -moz-border-radius pour Firefox mais il suffit de contourner seulement la bordure et non l'image.problème lorsque autour du coin de l'image avec css dans Firefox et IE

Lien vers l'image: http://i108.photobucket.com/albums/n33/ligthing_illuminate/problemwithcorner.png

et le css que j'utilise suit:

.content p img { 
    float:left; 
    margin:0; 
    padding:0; 
    width:780px; 
    border: 10px solid white; 
    -moz-border-radius: 15px; 
} 

et IE7, IE8 sont fonctionnent pas avec rayon de frontière. Tout le monde peut m'aider? Merci d'avance.

Répondre

0

-mos-border-radius est pas pris en charge dans Internet Explorer 7 ou 8 .... vous devez revenir aux images d'arrondi ou Nifty Corners pour mettre en œuvre des coins arrondis dans IE 7 ou 8

+0

merci, et est-il possible de le faire autour du coin de l'image pas autour de la frontière dans firefox avec -moz-border-radius? – user508397

+0

Vous devez spécifier deux images différentes dynamiquement. Si vous utilisez Mozilla, chargez l'image non arrondie. Si ce n'est pas Mozilla, puis charger l'image arrondie. Si j'étais toi je ferais tout d'une façon. soit utiliser l'image arrondie. Ou utilisez Nifty Corners. –

0

Voir la partie -moz au début de la règle -moz-border-radius CSS?

Cela signifie qu'il s'agit d'une extension spécifique au fournisseur (dans ce cas pour mozilla/firefox).

Il n'est pas pris en charge sur les autres navigateurs.

+0

Merci beaucoup. Le problème que j'ai trouvé quand utiliser -moz dans firefox est l'image qui vous montre dans le lien n'est pas arrondi dans le coin. Alors, est-il possible de faire le tour? – user508397

Questions connexes