How to use relative/absolute paths in css URLs?

by

The URL is relative to the location of the CSS file, so this should work for you:

url('../../images/image.jpg')

The relative URL goes two folders back, and then to the images folder – it should work for both cases, as long as the structure is the same.

From https://www.w3.org/TR/CSS1/#url:

Partial URLs are interpreted relative to the source of the style sheet, not relative to the document

More Related Contents:

  1. MVC Bundling and CSS relative URLs
  2. Working with CSS in React [closed]
  3. Browser can’t access/find relative resources like CSS, images and links when calling a Servlet which forwards to a JSP
  4. Override body style for content in an iframe
  5. Hiding the scroll bar on an HTML page
  6. CSS3 background image transition
  7. Understanding z-index stacking order
  8. Position Relative vs Absolute?
  9. Why does the order of media queries matter in CSS?
  10. Truncating long strings with CSS: feasible yet?
  11. CSS to set A4 paper size
  12. Remove padding from columns in Bootstrap 3
  13. Using the last-child selector
  14. Separators for Navigation
  15. xHTML/CSS: How to make inner div get 100% width minus another div width
  16. How to create multi-color border with CSS?
  17. Freeze screen in chrome debugger / DevTools panel for popover inspection?
  18. Flexible box model – display : flex, box, flexbox? [duplicate]
  19. Suggestions for debugging print stylesheets?
  20. How to link a CSS file from HTML file?
  21. Build list of selectors with LESS
  22. how to rotate text left 90 degree and cell size is adjusted according to text in html
  23. Set div height equal to screen size
  24. Styling the new twitter widget (embedded timeline)
  25. What CSS3 features still need vendor prefixes?
  26. How to fix unexpected column order in bootstrap 4?
  27. CSS width 100% OR max-width in pixels
  28. Using SVG as background image
  29. What is the difference between background-size: cover; and background-size: 100%;?
  30. Are alternate nested styles possible in CSS?

Leave a Comment