Symfony2 – Assetic – load images in CSS

by

use the cssrewrite filter from Assetic bundle

In config.yml:

assetic:
    debug:          %kernel.debug%
    use_controller: false
    filters:
        cssrewrite: ~

And then call your stylesheets like this:

 {% stylesheets 'bundles/cmtcore/css/*' filter="cssrewrite" %}
        <link rel="stylesheet" type="text/css" media="screen" href="https://stackoverflow.com/questions/7044631/{{ asset_url }}" />
 {% endstylesheets %}

Oh and don’t forget to use php app/console assetic:dump

More Related Contents:

  1. Center multiple images horizontally in CSS
  2. How to apply a CSS filter to a background image
  3. Browser can’t access/find relative resources like CSS, images and links when calling a Servlet which forwards to a JSP
  4. Can I have multiple background images using CSS?
  5. Fill SVG path element with a background-image
  6. SVG data image not working as a background-image in a pseudo element
  7. CSS3 background image transition
  8. How to reference JSF image resource as CSS background image url
  9. CSS Image size, how to fill, but not stretch?
  10. CSS transition effect makes image blurry / moves image 1px, in Chrome?
  11. How to vertically align an image inside a div
  12. How to add a color overlay to a background image? [duplicate]
  13. IE 8: background-size fix [duplicate]
  14. How can I resize an image dynamically with CSS as the browser width/height changes?
  15. Drop shadow for PNG image in CSS
  16. How to scale CSS sprites when used as background-image?
  17. Google chrome a:visited background image not working
  18. How to put an image in div with CSS?
  19. Responsive Images with CSS
  20. Removing the image border in Chrome/IE9
  21. Define an ‘s src attribute in CSS [duplicate]
  22. Animate CSS background-position with smooth results (sub-pixel animation)
  23. Contain an image within a div?
  24. How to vertically align an image inside a div
  25. CSS: background image does not fill when scrolling
  26. CSS background image URL failing to load
  27. input type=”image” shows unwanted border in Chrome and broken link in IE7
  28. Issues with “background-position” in “background” shorthand property
  29. Print styles: How to ensure image doesn’t span a page break
  30. Inner border over images with CSS?

Leave a Comment