CSS background image URL failing to load

by

You are using a local path. Is that really what you want? If it is, you need to use the file:/// prefix:

file:///H:/media/css/static/img/sprites/buttons-v3-10.png

obviously, this will work only on your local computer.

Also, in many modern browsers, this works only if the page itself is also on a local file path. Addressing local files from remote (http://, https://) pages has been widely disabled due to security reasons.

More Related Contents:

  1. How to apply a CSS filter to a background image
  2. Using percentage values with background-position on a linear-gradient
  3. Can I have multiple background images using CSS?
  4. CSS3 background image transition
  5. Responsive css background images
  6. Semi-transparent color layer over background-image?
  7. How to reference JSF image resource as CSS background image url
  8. How can I force browsers to print background images in CSS?
  9. Changing Background Image with CSS3 Animations
  10. Is embedding background image data into CSS as Base64 good or bad practice?
  11. How to add a color overlay to a background image? [duplicate]
  12. IE 8: background-size fix [duplicate]
  13. CSS set background-image by data-image attr
  14. CSS background-size: cover + background-attachment: fixed clipping background images
  15. How to rotate the background image in the container?
  16. Using HTML data-attribute to set CSS background-image url
  17. How to scale CSS sprites when used as background-image?
  18. Google Chrome Extensions – Can’t load local images with CSS
  19. Disable antialising when scaling images [duplicate]
  20. Google chrome a:visited background image not working
  21. CSS blur on background image but not on content [duplicate]
  22. CSS: background image on background color
  23. Symfony2 – Assetic – load images in CSS
  24. Background images: how to fill whole div if image is small and vice versa
  25. Overlay a background-image with an rgba background-color
  26. Css Content, Attr and Url in the same sentence
  27. Full background image with fade effect
  28. CSS: background image does not fill when scrolling
  29. Issues with “background-position” in “background” shorthand property
  30. (Really) Long Background Image Does Not Render on iPad Safari

Leave a Comment