Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > Front-End-Fragen und Antworten > Was tun, wenn CSS SVG nicht angezeigt wird?

Was tun, wenn CSS SVG nicht angezeigt wird?

藏色散人
Freigeben： 2023-01-04 09:38:32
Original
5228 Leute haben es durchsucht

Lösungen für das Problem, dass CSS-SVG nicht angezeigt wird: 1. Verwenden Sie das Tag , um die SVG-Datei zu importieren Importieren Sie die SVG-Datei.

Was tun, wenn CSS SVG nicht angezeigt wird?

Die Betriebsumgebung dieses Tutorials: Dell G3-Computer, Windows 7-System, HTML5- und CSS3-Version.

Empfohlen: „css-Video-Tutorial“

Wenn HTML SVG-Dateien einführt, diese aber nicht angezeigt werden, kann es daran liegen, dass SVG nicht von allen Browsern unterstützt wird und einige niedrigere Versionen von ie dies nicht tun Unterstützen Sie es.

Lösung:

Verwenden Sie das -Tag.

-Tag wird von allen gängigen Browsern unterstützt und ermöglicht die Verwendung von Skripten. [Empfohlen: HTML-Online-Handbuch]

Hinweis: Die Verwendung des -Tags beim Einbetten von SVG in eine HTML-Seite ist die vom Adobe SVG Viewer empfohlene Methode! Wenn Sie jedoch gültiges XHTML erstellen müssen, können Sie nicht verwenden. Es gibt kein -Tag in irgendeiner HTML-Spezifikation.

Zum Beispiel: (Sie müssen das SVG-Viewer-Plugin von Adobe herunterladen, um es anzuzeigen) 

<embed src="rect.svg" width="300" height="100" 
type="image/svg+xml"
pluginspage="http://www.adobe.com/svg/viewer/install/" />
Nach dem Login kopieren

Verwenden Sie das -Tag

Es ist ein Standard-Tag von HTML 4 und wird von allen neueren Browsern unterstützt. Der Nachteil besteht darin, dass kein Scripting möglich ist.

Hinweis: Wenn Sie die neueste Version von Adobe SVG Viewer installiert haben, funktionieren SVG-Dateien nicht, wenn Sie das -Tag verwenden (zumindest nicht im IE)! 

<object data="rect.svg" width="300" height="100" 
type="image/svg+xml"
codebase="http://www.adobe.com/svg/viewer/install/" />
Nach dem Login kopieren

Verwenden Sie das