[Résolu] Border-image safari & opera

bonjour à tous.

.barre-rea{
	clear: both;
	background-image:url('../img/rea.gif');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	display: inline-block;
	width: 100%;
	height: 52px;
	border-style: solid; 
  	border-width: 4px 0px 4px 0px; 
    -webkit-border-image:url(../img/new/barre.png) 4 0 4 0 repeat; /* Safari 3.1-5 */
    -o-border-image:url(../img/new/barre.png) 4 0 4 0 repeat; /* Opera 11-12.1 */
  	border-image: url(../img/new/barre.png) 4 0 4 0 repeat;
}

J'ai le css suivant qui fonctionne parfaitement sous Firefox, Chrome.
En revanche sous safari (windows), opera et konqueror, ils apliquent la border-image sur toute la box et non qu'en border.
En revanche, si je n'applique pas les regles avec préfix- les border apparaissent en noir.

Enfin, bizarrement
- safari sous iOS fonctionne parfaitement
- Safari sous Windows pose un le problème précédement cité.
Modifié par gotcha5832 (31 Oct 2014 - 17:04)

bonjour,

D'après can i use http://caniuse.com/#search=border-image Safari 3 ne connaît pas…
Enfin Safari sous Windows, me semble pas très utilisé, si c'est de la décoration, peut-être qu'il faut laisser tomber ou alors faire autrement…

Je te remercie, Je viens de découvrir Caniuse.com

Effectivement, le pourcentage est faible.

Du coup je n'ai aps mis les prefix- mais j'applique une border-color.

MErci