CSS SVGが表示されない場合はどうすればいいですか？

css svg で解決策が表示されない: 1. タグを使用して svg ファイルをインポートします; 2. タグを使用して svg ファイルをインポートします; 3. ; タグを使用して svg ドキュメントをインポートします。

このチュートリアルの動作環境: Dell G3 コンピューター、Windows 7 システム、HTML5&&CSS3 バージョン。

推奨: " css ビデオ チュートリアル "

html で svg ファイルが導入されているにもかかわらず表示されない場合は、svg がすべてのブラウザ (Firefox、 Chrome のサポート。つまり、一部の下位バージョンではサポートされていません。

解決策:

タグを使用します

タグはすべての主要なブラウザでサポートされていますスクリプトをサポートし、許可します。 [推奨: HTML オンライン マニュアル]

注: SVG を HTML ページに埋め込む場合は、 タグを使用することが、Adobe SVG Viewer によって推奨される方法です。ただし、有効な XHTML を作成する必要がある場合は、 は使用できません。 HTML 仕様には タグはありません。

例: (表示するには、Adobe の svg ビューア プラグインをダウンロードする必要があります)

ログイン後にコピー タグを使用します

Itは HTML 4 タグの標準であり、すべての新しいブラウザでサポートされています。欠点は、スクリプトを使用できないことです。

注: 最新バージョンの Adobe SVG Viewer がインストールされている場合、 タグを使用すると SVG ファイルは機能しません (少なくとも IE では)。

ログイン後にコピー タグを使用する

タグは、ほとんどのブラウザで機能します。

例:

ログイン後にコピー rect.svg では、SVG 名前空間を参照することで、次のように HTML コードに SVG 要素を追加できます (これには、次のようなブラウザーのサポート svg が必要です)。 Firefox、Chrome):

This is an HTML paragraph

ログイン後にコピー