Change an SVG file through the URL hash

dabblet.css

/**
 * Change an SVG file through the URL hash
 * Warning: Does NOT work on WebKit.
 */

body {
	background: silver;
}

.logo {
	width: 100px; height: 100px;
	background: url('http://lea.verou.me/logo-multicolor.svg#black') no-repeat;
}

.logo:hover {
	background-image: url('http://lea.verou.me/logo-multicolor.svg#white');
}

.logo:active {
	background-image: url('http://lea.verou.me/logo-multicolor.svg#');
}

dabblet.html

<h1>Inside an &lt;img>:</h1>
<img src="http://lea.verou.me/logo-multicolor.svg" />
<img src="http://lea.verou.me/logo-multicolor.svg#white" />
<img src="http://lea.verou.me/logo-multicolor.svg#black" />

<h1>As a background on a &lt;div>:</h1>
<div class="logo"></div>

<h1>Through &lt;object> tags:</h1>
<object data="http://lea.verou.me/logo-multicolor.svg"></object>
<object data="http://lea.verou.me/logo-multicolor.svg#black"></object>
<object data="http://lea.verou.me/logo-multicolor.svg#white"></object>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}

do you know y does this not work on webkit?