Que faire si CSS SVG ne s'affiche pas ?

藏色散人
Libérer: 2023-01-04 09:38:32
original
5188 Les gens l'ont consulté

Solutions pour que CSS SVG ne s'affiche pas : 1. Utilisez la balise pour importer le fichier svg ; 2. Utilisez la balise iframe> pour importer le document svg.

Que faire si CSS SVG ne s'affiche pas ?

L'environnement d'exploitation de ce tutoriel : ordinateur Dell G3, système Windows 7, version HTML5&&CSS3.

Recommandé : "Tutoriel vidéo CSS"

Lorsque le HTML introduit des fichiers SVG mais qu'ils ne sont pas affichés, c'est peut-être parce que SVG n'est pas pris en charge par tous les navigateurs, Firefox, prise en charge de Chrome, c'est-à-dire que certaines versions inférieures ne le prennent pas en charge.

Solution :

Utiliser la balise

Prend en charge et permet les scripts. [Recommandé : manuel html en ligne]

Remarque : L'utilisation de la balise lors de l'intégration de SVG dans une page HTML est la méthode recommandée par Adobe SVG Viewer ! Toutefois, si vous devez créer du XHTML valide, vous ne pouvez pas utiliser . Il n'y a pas de balise dans aucune spécification HTML.

Par exemple : (vous devez télécharger le plug-in de visualisation SVG d'Adobe pour afficher)

<embed src="rect.svg" width="300" height="100" 
type="image/svg+xml"
pluginspage="http://www.adobe.com/svg/viewer/install/" />
Copier après la connexion

Utilisez la balise est le standard de la balise HTML 4, pris en charge par tous les navigateurs les plus récents. L'inconvénient est qu'il ne permet pas la création de scripts.

Remarque : si vous disposez de la dernière version d'Adobe SVG Viewer, les fichiers SVG ne fonctionneront pas lors de l'utilisation de la balise (du moins pas dans IE) !

<object data="rect.svg" width="300" height="100" 
type="image/svg+xml"
codebase="http://www.adobe.com/svg/viewer/install/" />
Copier après la connexion

Utilisez la balise