Background image works via stylesheet but not style block

[Mat]

I succeed in getting this to work

background-image: url(<<datauri "cat.jpg">>);

when it is in a separate stylesheet. But when it is in a local style block it doesn't work. 

Demo

Help appreciated!

<:-)

[codacoder...@outlook.com]

That's weird.  Testing in Firefox, using devtools, if you disable/enable the background-image rule (or the class), the image appears.

I even tried a transclusion

{{Using styleblock attempt 1}}

Nope.

Strange!

[Mat]

Ok, many attempts by now... but I found it:

This works for local styleblock:

background-image: url(<$macrocall $name="datauri" title="cat.jpg" $output="text/plain"/>);

It is not clear to my why the direct call works in a separate SS but not in a block.

<:-)