[CREATE] a question to the SVG experts out there

Andre "Osku" Schmidt andre.osku.schmidt at osku.de
Tue Oct 27 06:10:05 PDT 2009


On Tue, 2009-10-27 at 08:36 -0400, Doug Schepers wrote:
> In theory, this should work:
> 
> bg.svg
>   <svg xmlns="http://www.w3.org/2000/svg"
>       width="100%" height="100%" viewBox="0 0 400 400">
>     <!-- some graphic elements here -->
>   </svg>
> 
> style.css
>   body {
>     background-image: url('bg.svg');
>   }

and in practice, it seems only this works (ATM), and only in firefox

html:
<object type="image/svg+xml" data="bg.svg" 
	width="100%" height="100%"></object>

css:
object {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
}

but the object wont scale beyond visible view.
(eg. when the html content makes the browser to have scrollbars)

http://osku.de/svg/bg-test1.html

cheers
.andre




More information about the CREATE mailing list