Le code suivant ne fonctionne pas dans Safari et l'image ne s'affiche pas. Cela ne se produit que dans Safari, cela fonctionne dans tous les autres navigateurs, je ne peux pas comprendre pourquoi. Voici le code CSS: et le code HTML: mise à jour: le code ci-dessus fonctionne lors de la conversion des "cartes.svg «Dans un JPG, mais je préférerais travailler avec SVG car ils se charge plus rapidement. Pourquoi le SVG ne se présenterait-il pas à Safari (7.0.1)? Selon http://caniuse.com , SVG sous forme d'une image de fond CSS est prise en charge mais elle ne s'affiche pas.
3 Réponses :
C'est parce que mon serveur le purge avec un type de contenu incorrect.
a dû ajouter ceci à mon fichier .htaccess: Cela m'a aidé: http://css-tricks.com/snippets/htaccess/serve-svg-correct -Content-type /
Est-ce pour Nginx ou quoi?
J'ai corrigé le problème en ajoutant le code suivant au fichier .htaccess. référence:
J'ai couru dans le même problème, bien que dans mon cas, ce n'était pas le type de contenu qui était le problème. Il s'est avéré que je devais ajouter des citations autour de l'URL pour le faire fonctionner, c'est-à-dire: ... non: Je sais que ce n'est pas le problème que l'OP se rencontrait, mais l'affichage ici pour le bénéfice de quelqu'un d'autre qui traverse le même problème que moi et vient sur ce fil.
Cela fonctionne parfaitement pour moi dans Safari 7.0.1 - Essayez ma démo Jsfiddle ( jsfiddle.net/grantgibson/msa2j " a>) pour voir si cela fonctionne pour vous. Si ma démo fonctionne pour vous, vous pourriez peut-être mettre à jour le violon avec votre propre image SVG comme étape suivante?
Ouais même pour moi et ça marche même sur mon ancien safari 5.1.10.
Si vous essayez d'ouvrir votre fichier SVG dans Safari directement dans son propre onglet, il s'affiche correctement?