Ориентация на SVG с CSS

Question

Есть ли способ для меня настроить SVG с помощью CSS? Они выглядят как сломанные изображения в IE8 вниз, и я хотел бы скрыть их, используя modernizr, например. Я надеялся на что-то вроде ...

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

Я использую это, чтобы встроить SVG в моей странице, как рекомендовано в http://www.alistapart.com/articles/using-svg-for-flexible-scalable-and-fun-backgrounds-part-ii

<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 атрибут точноsvg, поэтому ваш объект не будет соответствовать.

Вы должны указать полный тип MIME, как в разметке (вам нужны кавычки здесь, или он не будет работать, см this spec подробности):

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

Или, если вы хотите, вы можете используйте селектор атрибутов подстроки, но я предпочитаю выше:

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