css - CSSを使用したSVGのターゲティング

Question

CSSでSVGをターゲットにする方法はありますか？それらはIE8で下向きに壊れた画像のように見えます、そして私はmodernizrを使ってそれらを隠したいと思います。例えば私は次のようなものを望んでいました...

.no-svg object[type=svg] {
  display:none;
}

http://www.alistapart.com/articles/using-svg-for-flexible-scalable-and-fun-backgrounds-part-iiで推奨されているように、これを使用してSVGをページに埋め込みます。

<object type="image/svg+xml" 
  width="100" height="100" style="float:right" 
  data="http://blog.codedread.com/clipart/apple.svgz">
<span/></object>

score 3 · Accepted Answer

マークアップのtype属性はですimage/svg+xml。属性セレクターは正確に一致する属性をobject[type=svg]探すため、オブジェクトは一致しません。type svg

マークアップのように完全なMIMEタイプを指定する必要があります（ここで引用符が必要です。そうでない場合は機能しません。詳細については、この仕様を参照してください）。

.no-svg object[type="image/svg+xml"] {
  display:none;
}

または、必要に応じて部分文字列属性セレクターを使用できますが、私は上記の方が好きです。

.no-svg object[type*=svg] {
  display:none;
}

1 に答える 1