Border-image [Fermé]

Signaler
-
M@dien
Messages postés
437
Date d'inscription
mercredi 29 juillet 2009
Statut
Membre
Dernière intervention
23 septembre 2010
-
Bonjour,

J'ai regarder sur plusieurs site sur google, comment mettre des images en bordure, mais le code ne fonctionne jamais.

Voilà ce que j'ai tester :

Le CSS :


body

{


	margin : auto;
	width : 1100px;
	height : 1200px;
	border-image : url(img/pattes.png) 27 27 27 27 round round;
	
}



Le HTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<title> Terre Animale </title>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<html>
<head>
</head>
<body>
Test de bordure

</body>
</html>



Voilà !

Merci d'avance =)

1 réponse

Messages postés
437
Date d'inscription
mercredi 29 juillet 2009
Statut
Membre
Dernière intervention
23 septembre 2010
74
Bonjour,

la propriété css border-image n'est pas implantée sur tous les navigateurs. Même Firefox ne la comprend pas, et a une propriété annexe -moz-border-image qui fait le travail. mais ce n'est pas la solution à utiliser.

J'ai trouvé un site qui utilise jquery pour gérer ça, mais là encore ce n'est pas la solution miracle, car si le site dit que c'est compatible IE7, et bien mon IE8 doit être en rétro-compatibilité pour bien l'afficher.
voilà l'adresse du site en question: https://www.lrbabe.com/sdoms/borderImage/index.html

Cependant, je ne pourrais que recommander d'utiliser les anciennes méthodes CSS pour s'en sortir, et mettre de côté border-image, qui est trop peu comprise des navigateurs...