How to convert a CSS background property into foreground?

How to convert a CSS background property into foreground?

Assume I have a CSS background key similar to

.logo { background: url(/static/foobar/mylogo.jpg) 0px -no-repeat; }

Is there a way to convert this background property into a foreground image by jQuery?
All other configurations (margin, padding, background-position-x, background-position-,....) should remain untouched or converted accordingly.

Thank you
Peter