Suporte de SVG por parte do Navegador

by Salustiano Silva

HTML

<div class="bg">
    <div class="logo">http://jsfiddle.net/cZ33j/#fork</div>
</div>

CSS

.logo {
display: block;
width: 500px;
height: 500px;
background: url(http://www.quatrocubos.com.br/img/qq.svg) top center no-repeat;
-webkit-background-size: 500px 500px;
background-size: 500px 500px;
margin: 40px;
}
.bg{
    background-color:#333;
}

JavaScript

function suportas_SVG() {
    return !!document.createElementNS && !!document.createElementNS('http://www.w3.org/2000/svg', "svg").createSVGRect;
}

if (!suportas_SVG())
    $('.logo').css({
      "background-image" : "url(http://www.quatrocubos.com.br/img/qq.png)"
    });