On Wednesday, November 6, 2019 at 11:48:48 AM UTC-4, Michael Wiktowy wrote:
>
> Hello,
>
> I am trying to make a particular tiddler show a background SVG image
> "watermark". The SVG image is also in the same tiddlywiki.
> I searched through the GG archive and found some good information to get
> me to this point but I need some further help.
>
> I have the following in my stylesheet tiddler:
>
> [data-tiddler-title="Example Tiddler"] .tc-tiddler-body {
> border: 1px solid blue;
> background-image: url(<<datauri "Example SVG">>);
> background-repeat: no-repeat;
> background-position: center;
> position: relative;
> }
>
> ... and while I see a nice blue border around the body of "Example
> Tiddler", the background image is not visible, I can't quite figure out why
> the image is not showing up anywhere. There is no sign of it so I can't
> even see what might be obscuring it. I can set a background-color which
> works perfectly but not a background-image.
>
> I am missing something critical here. Can some CSS-guru point me in the
> right direction?
>
In doing some more poking and prodding, it looks like an external svg image
works fine ... the issue is with the datauri encoding that is going on that
it breaking the format and the browser is just ignoring it. I tried the
long-form macro call <$macrocall $name="datauri" title="Example SVG"
$output="text/plain"/> but no joy.
/Mike
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/f547e352-f78f-44c4-9ea9-0c62cfd7d2d6%40googlegroups.com.
