1

背景に svg を使用しようとしましたが、ローカルでは機能しますが、ftp にアップロードすると機能しません。

svg をサポートしていない IE などの png フォールバックがあります。しかし、すべての場合において、私は png を見るだけです。

（例として、svgに赤い四角を使用し、フォールバックにskype.pngのロゴを使用すると非常に異なります）： http://jsfiddle.net/snG8w/ http://codepen.io/pen/9135 /2

この背景にsvgを入れる方法は?

HTML:

<div id="quadrat"></div>​

CSS:

#quadrat {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 400px;
  height: 400px;
  line-height:200px;
  background-image:  url('http://mig-marketing.com/proves/retina/skype.png');
  background-image:  none,url('http://mig-marketing.com/proves/retina/rectangle.svg'), url('http://mig-marketing.com/proves/retina/skype.png');
  background-size: 100% 100%;
  background-repeat:no-repeat;
}​
4

1 に答える 1

5

'text/xml'メディアタイプでsvgイメージを提供しています。これは技術的には問題ありませんが、画像のみが許可されるこのようなシナリオでは、ブラウザがそれを許可しない可能性があります。代わりに、公式のsvgメディアタイプ'image / svg+xml'を送信するようにサーバーを構成してみてください。

Webサーバーの構成方法の詳細については、たとえばここを参照してください。

更新：「text/xml」で提供されるsvgイメージへのリンクを追加しました。

于 2012-07-05T18:07:43.263 に答える