So browser support for SVG backgrounds is sketchy as it is, if you are running Chrome, Safari or Opera (15-25% of the market as of Oct) then you can use SVGs as background images.

My question is, after creating a quick test page and viewing it in Opera, why doesn't the browser render the SVG at the resolution it is being displayed in. Perhaps this is just a fault of Opera and not Safari or Chrome, I am not sure. It seems to defeat the purpose of using SVG at all if it is rendered at its base resolution instead of the final resolution.

My particular instance of the CSS:
Code:
html, body {
	height: 100%;
	color: #000000;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	background-image: url(../images/background.svg);
	background-size: 100% 100%;
}
In Opera, this produces exactly what it seems to (no scrollbar, page text is black, body fills the height of the viewport, background is stretched across the viewport)... but the background image is generated at its native resolution, then stretched visibly.