使用CSS定位SVG

Question

我有办法用CSS定位SVG吗？它们看起来像IE8中的破碎图像向下，我想使用现代化的隐藏它们，例如我希望有类似的东西......

.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>

Answer 1

标记中的type属性为image/svg+xml。您的属性选择器object[type=svg]会查找完全 type的{​​{1}}属性，因此您的对象将不匹配。

您应该在标记中指定完整的MIME类型（此处需要引号，否则它将无效;有关详细信息，请参阅this spec）：

svg

或者，如果您愿意，可以使用子字符串属性选择器，但我更喜欢上述内容：

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