4

さて、ここに行きます:

これは私のウェブページです: http://ingenious.jit.su/themes

Firefox で表示すると、6 つの白いパネルのそれぞれの右上隅に小さな赤いアイコン (svg) が付いていることがわかります。その画像を表示すると、元のサイズが 640 x 480 であることがわかります。小さいのは、svg が参照されている img タグのサイズを変更する css ルールがあるためです。

バグは次のとおりです。IE9 は、CSS ルールに従ってアイコンのサイズを変更しません。左上のビットを切り取っているだけです。IE9 開発者ツールで css ルールを調整すると、私の言いたいことがわかるでしょう。

私は多くのことを掘り下げ、ビューポートなどを含め、100% ではない幅と高さの値を含めるなど、svg のベスト プラクティスのほとんどに従っていることを確認しましたが、うまくいきませんでした。IE9 は、スケーリングではなくクリッピングによって CSS ルールに応答します。

どんな助けでも揺れるでしょう!

アップデート修正!私は愚かです、ビューポートがありませんでした。午前 3 時のコーディングはもう必要ありません。

4

1 に答える 1

0

svgをリンクしましたか?例

<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> enter svg here </svg>

私はie9で多くのsvgトラブルを抱えていました:)

これが役立つ場合、ページを表示するときにこのエラーが発生しました

SCRIPT438: オブジェクトはプロパティまたはメソッド 'addEventListener' をサポートしていません
followbar.js、行 3 文字 3

これは、コメントで話していた2つの点のより良い例です

<img class="theme-icon" id="/recruitment-and-retention" src="../images/recruitment-and-retention.svg"/>

于 2013-04-15T16:02:46.670 に答える