3

ビットマップが埋め込まれた SVG をナビゲーション要素として使用しようとしています。アイデアは、それをよりモバイルフレンドリーにすることです。すでに IE8 以下の PNG フォールバックが用意されています。

どういうわけか、埋め込まれたビットマップが Webkit ベースのブラウザーで表示されません。ビットマップが埋め込まれていない SVG は問題なく表示されます。

「オブジェクト」タグを使用して Webkit に表示する背景を取得できますが、リンクが機能せず、幅を制御できず、画像が拡大縮小されず、スライダーが表示されるサファリの文書化されたバグに遭遇します。

ここで問題のページを参照してください: http://www.izbornareforma.rs/izbori-2012/ すべての画像は SVG で、下の 4 つの画像にはビットマップが埋め込まれています。

同様の質問がいくつかありますが、実行可能な解決策はありません。

提案を歓迎します。

GD

4

2 に答える 2

3

これは Webkit のバグです。現在の背景を保持し、同じ SVG をobjectタグに読み込むと、SVG 背景が埋め込みデータとともに正しく読み込まれることがわかります。これを回避するには、次のようなタグでdivSVG をロードする場所に非表示を作成することをお勧めします...object

<div id="svgfix">
  <object ... />
  <object ... />
  <object ... />
  <object ... />
</div>

あなたのCSS:

#svgfix {
  width: 0; 
  height: 0; 
  position: absolute;
  visibility: hidden;
}
于 2013-03-18T18:31:35.307 に答える