Is it possible to preload images before the body tag (between head tags)?

I have a page whereby the text layer on the background graphic (.jpg) displays prior to the background graphic despite preloading graphics using various standard techniques that calls the preload function just after the body tag and other methods tried. The graphic file size is about 70kb. The body tag already has its own repeated background image via CSS.

What works great, but is not recommended, is to put div tags with display:none in the head element.

Is there an acceptable workaround for pretty much all browsers including mobile devices?