Two things to note here: While we can reference an external image in CSS by the image URL, how do we > reference an internal image
You don't the fact is imported images are not referable via a URI and so can not be referenced in a CSS definition. Imported images are data. And this is why they can be transcluded into a CSS definition but again that means nothing in CSS because it is just base64 gibberish. It isn't till it is process through the datauri macro does it get decorated into a data URI <https://developer.mozilla.org/en-US/docs/Web/HTTP/data_URIs> specification which *is* allowed in CSS. (Almost like an inline script). [img […]] will not work because unlike transculsion this is simply the same as the HTML <img src="…"/> with the added feature of converting an internal image tiddler into a data URI like you would have manually described in the paragraph above. And obviously that would be just silly in css: .foobar { background-image: url(<img src="…"/>); } Lastly, a tiddler with the type text/css will not be processed through the widget / parsing tree and instead be placed into the HTML as is. That is why the above <<datauri "…">> only works if the tiddler is of the type text/vnd.tiddlywiki so that it does get parsed. -- 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 post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/tiddlywiki. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/312d9d39-96db-4257-b303-f998da100596%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
