No replies
aakside
Offline
newbie
Last seen: 10 years 21 weeks ago
Joined: 2009-06-16
Posts: 1
Points: 0

Hello,

I'm trying to use an SVG as a background image and have it occupy the entire width.

Here's what I have in the body:

<object id="backgroundimg" data="bg.svg" type="image/svg+xml">
    <embed src="bg.svg" type="image/svg+xml" />
</object>

And here's my CSS:

#backgroundimg{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index:1;
}

The result is here: http://aakside.com/test.html

As you can see, the image does not occupy the entire width.
How can I rescale the image instead of the object so it covers the whole body?