Border-radius sur une image ?
arnichou
Messages postés
138
Date d'inscription
Statut
Membre
Dernière intervention
-
AssassinTourist Messages postés 6029 Date d'inscription Statut Contributeur Dernière intervention -
AssassinTourist Messages postés 6029 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Apparemment, le border-radius n'a aucun effet sur une image en CSS...
(A moins que je me sois trompé ? Mais bon j'ai essayé plusieurs fois donc j'exclus cette possibilité)
Existe t'il un attribut en CSS permettant de faire un border-radius comme c'est le cas pour une div ?
Merci pour votre aide ! ;)
Apparemment, le border-radius n'a aucun effet sur une image en CSS...
(A moins que je me sois trompé ? Mais bon j'ai essayé plusieurs fois donc j'exclus cette possibilité)
Existe t'il un attribut en CSS permettant de faire un border-radius comme c'est le cas pour une div ?
Merci pour votre aide ! ;)
A voir également:
- Border-radius sur une image ?
- Légender une image - Guide
- Image iso - Guide
- Comment rechercher une image sur google - Guide
- Mettre une image en filigrane sur word - Guide
- Acronis true image - Télécharger - Sauvegarde
2 réponses
Salut,
Je crois que c'est sous firefox que ça pose problème, tu travailles sur quel navigateur? Border-radius c'est un peu l'attribut chiant en css. C'est à prendre avec des pincette mais j'avais dû faire plusieurs syntaxes à un moment où je devenais fou : -moz-border-radius pour firefox, -webkit-border-radius pour chrome/safari, border-radius pour ie. Je ne sais pas si ça marche encore.
Petite astuce qui n'est pas parfaite mais tu peux utiliser une div comme conteneur et arrondir les borts de la div. Sinon retravaille l'image directement avec un logiciel.
Je crois que c'est sous firefox que ça pose problème, tu travailles sur quel navigateur? Border-radius c'est un peu l'attribut chiant en css. C'est à prendre avec des pincette mais j'avais dû faire plusieurs syntaxes à un moment où je devenais fou : -moz-border-radius pour firefox, -webkit-border-radius pour chrome/safari, border-radius pour ie. Je ne sais pas si ça marche encore.
Petite astuce qui n'est pas parfaite mais tu peux utiliser une div comme conteneur et arrondir les borts de la div. Sinon retravaille l'image directement avec un logiciel.
Bonjour
Essaye de mettre ton image en fond par background-image dans un bloc ( div ou autre ) avec des border-radius ..
Jamais essayé, mais cela devrait marcher ...
La syntaxe est quelque chose comme ceci :
{
....
background-image:url(images/image_de_fond.png);
....
}
Mais si tu veux gérer du texte en dehors de l'image, il faudra certainement jouer sur plusieurs blocs, dont un réservé à l'image seule ..
Et pinailler les dimensions des blocs ..
A+
Nyctaclope
Le plus joli des poèmes de la mathématique : e^(i.PI)=i^2
trois nombres "sacrés" d'horizons différents qui se donnent la main ...
Essaye de mettre ton image en fond par background-image dans un bloc ( div ou autre ) avec des border-radius ..
Jamais essayé, mais cela devrait marcher ...
La syntaxe est quelque chose comme ceci :
{
....
background-image:url(images/image_de_fond.png);
....
}
Mais si tu veux gérer du texte en dehors de l'image, il faudra certainement jouer sur plusieurs blocs, dont un réservé à l'image seule ..
Et pinailler les dimensions des blocs ..
A+
Nyctaclope
Le plus joli des poèmes de la mathématique : e^(i.PI)=i^2
trois nombres "sacrés" d'horizons différents qui se donnent la main ...
A présent avec le CSS3 (mais pour ça il faut être à jour avec son navigateur), il y a plus simple, mais pour convenir à tout le monde, il faut garder cette propriété "à rallonge". C'était la meilleure solution si on travaillait l'image avec le code.