If the CSS file contains an absolute path for the background-image property like this:
background-image: url('/sites/all/theme/my_zen/css/images/menu.gif');
when compressed it will looks like this and not found by the server:
http://www.mysite.net/sites/default/files/css/layouts/' /sites/all/theme/my_zen/css/images/menu.gif

This can be resolved by using relative path, but the problem remains for the data:image like this:
background-image: url('data:image/png;base64,iVBORw0K...);
The server shows:
http://www.mysite.net/sites/default/files/css/components/'data:image/png;base64,iVBORw0K...'
and the image cannot be shown on the browser.

I'm not sure if its really a Zen issue or Drupal issue as there is a similar bug with the AdaptiveTheme:
https://drupal.org/node/1896216

If the CSS compression of Drupal is not set, the files are correctly handled and shown in the browser.

Comments

JohnAlbin’s picture

Status: Active » Closed (won't fix)

This is a Drupal core issue, not a Zen issue.