What is the best way to reference background images in css?

I am implementing a design into Matrix that references many background image urls in the css.


Ideally I don't want to seperate out the background image references into the parse file, so I was looking into using a css file asset. What I am concerned about is the performance, but if I turn static caching on for the css file asset does this mean that my menus will not work? I am referring to the comment for Use Static Cache File [quote]Note, however, that contextual design areas such as menus will not function when the static cache file is used.[/quote]



Is my only other option to hard code the paths in the css once the files are made live and granted public read access?

Statically caching a CSS File has no impact on menus in your parsefile, only if you use a menu design area in your CSS File asset. A CSS File asset is an extension of the design, so it allows you to use menu design areas to automatically create CSS classes for menu items, though this is very performance intensive and isn't really recommended.