I have a SVG (a cross) which changes the color of the lines based on the hash given to the SVG url using JavaScript.

```
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <line x1="0" y1="0" x2="100%" y2="100%" stroke="black" stroke-width="1" />
    <line x1="100%" y1="0" x2="0" y2="100%" stroke="black" stroke-width="1" />

    <script>
        if (window.location.hash) {
            document.getElementsByTagName('line')[0].setAttribute('stroke', location.hash);
            document.getElementsByTagName('line')[1].setAttribute('stroke', location.hash);
        }
    </script>
</svg>

```

This works perfectly fine as an `<object>` element (`<object type="image/svg+xml" data="img/svg/cross.svg#ff0000"></object>`), but fails as an `img` or css `background-image`.

How can I make this work as a CSS `background-image`?