2 つの機能を実行するアイコンが付いたコンテナーがあります:
SVG をマークアップ内で直接使用すると、ホバー効果は期待どおりに機能しますが、img タグを使用した場合のように SVG にボタンの役割を割り当てることができません。
ただし、
img タグを使用すると、SVG の src 属性を使用してボタンの役割を img に割り当てることができますが、ホバー状態 予想される結果でダウンロードされました (SVG は独自のファイルに保存され、src で参照されます):
誰か私にアドバイスをいただけますか?
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
SVG をドキュメントとして扱います。
に HTML ファイルを含める場合、そのフレーム内の CSS は編集できません。 SVG src コードの代わりにimgとして含めると、src ドキュメントから画像を直接取得します。ただし、CSS
フィルターa> を使用すると、多数のクールな Photoshop スタイルの効果をブラウザーで直接適用できます。