28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je rencontre un petit souci avec la proprété border-image et Safari PC 5.1.7 (je ne peux pas tester dans l'immédiat sur Safari Mac).

Ma déclaration CSS:
.cadre { 
	border: 8px solid #ccc;
	-moz-border-image: url(cadre.png) 8/8px round;
	-webkit-border-image: url(cadre.png) 8/8px round;
	-o-border-image: url(cadre.png) 8/8px round;
	border-image: url(cadre.png) 8/8px round;
	padding: 12px;
	margin: 0 auto;
	width: 80%;
	background-color: #fff;
}

Tout se passe bien sur Firefox et Chrome (l'image fait bien le tour de ma div en laissant le background à #fff), le fallback border est ok sur IE8... Mais sur Safari PC, l'image cadre.png remplit tout le fond de ma div:
<div class="cadre">mon texte</div>

J'ai raté un truc dans mon code?
Modifié par speedlab (27 Dec 2013 - 12:06)
Rhaaaa, je m'étais bêtement trompé dans la construction de l'image Smiley sweatdrop
Le centre de mon image n'était pas blanc, #&@!! de nouvelle propriété Smiley lol

Et merci Olivier pour caniuse.com Smiley murf