Chrome has i18n support that provides the ability to reference your extension in your CSS. I keep my images in an image folder in the extension, so reference assets in the CSS like so:
background-image:url('chrome-extension://__MSG_@@extension_id__/images/main.png');
More Related Contents:
- How to apply a CSS filter to a background image
- Using percentage values with background-position on a linear-gradient
- Can I have multiple background images using CSS?
- CSS3 background image transition
- Responsive css background images
- Semi-transparent color layer over background-image?
- How to reference JSF image resource as CSS background image url
- How to really isolate stylesheets in the Google Chrome extension?
- How can I force browsers to print background images in CSS?
- Changing Background Image with CSS3 Animations
- Is embedding background image data into CSS as Base64 good or bad practice?
- How to add a color overlay to a background image? [duplicate]
- CSS background-size: cover + background-attachment: fixed clipping background images
- How to rotate the background image in the container?
- Using HTML data-attribute to set CSS background-image url
- My CSS is not getting injected through my content script
- How to scale CSS sprites when used as background-image?
- Disable antialising when scaling images [duplicate]
- Google chrome a:visited background image not working
- CSS blur on background image but not on content [duplicate]
- CSS: background image on background color
- Symfony2 – Assetic – load images in CSS
- Background images: how to fill whole div if image is small and vice versa
- Overlay a background-image with an rgba background-color
- Animate CSS background-position with smooth results (sub-pixel animation)
- Full background image with fade effect
- CSS: background image does not fill when scrolling
- CSS background image URL failing to load
- Issues with “background-position” in “background” shorthand property
- (Really) Long Background Image Does Not Render on iPad Safari