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


_______________________________________________
CREATE mailing list
[email protected]
http://lists.freedesktop.org/mailman/listinfo/create

Reply via email to