0

私はこのCSSを持っています:

div {
  display: block;
  text-indent: -9999px;
  width: 100px;
  height: 100px;
  background: url(http://s.cdpn.io/3/kiwi.svg) no-repeat center;
  background-size: 82px 82px;
  border:solid 5px black;
  border-radius:200px;
  padding:25px;
}

css/jqueryからsvgの色を変更することは可能ですか?
そうでない場合は、htmlから直接実行したくあり
ません。PNGにできますか？

http://jsfiddle.net/g8GPf/

ありがとう

4

1 に答える 1

2

簡単な答えはノーです。CSS を使用して、そのように埋め込まれた SVG のスタイルを設定することはできません。

ただし、Ravi によってリンクされたトリックを使用して、SVG 参照をインライン SVG に変更できます。

もう 1 つの別のトリックは、SVG で色として表示したい部分が透明になるように SVG を変更することです。そして、SVG の「背景」を真っ白にします。次に の を変更するbackground-colorと<div>、SVG の透明な部分を通して表示されます。

于 2013-10-26T00:47:24.133 に答える