retroceder - rutas relativas css

¿Es una ruta relativa en un archivo CSS relativa al archivo CSS?

Question

Cuando hago referencia a una imagen u otro archivo en un archivo CSS por una ruta relativa, ¿la ruta es relativa al archivo CSS o al archivo HTML utilizando el archivo CSS?

Answer 1

Para el archivo CSS.

Answer 2

Sí. Es relativo al archivo CSS. Añadiré que esto también incluye relativo al dominio en el que se encuentra el archivo CSS.

Entonces, si el CSS se referencia como:

<link href="http://www.otherdomain.com/css/example.css" type="text/css" rel="stylesheet" />

y contiene:

div { background-image: url(''/images/image.jpg'');

El fondo será:

http://www.otherdomain.com/images/image.jpg

Answer 3

Sí, es relativo al .css

Aquí hay un diseño de ejemplo:

Page:  page.htm ... does not matter where
CSS:   /resources/css/styles.css  
Image: /resources/images/image.jpg

CSS en styles.css :

div { background-image: url(''../images/image.jpg'');