Yo aprendí a programar HTML en el año 1995, cuando no existía el CSS ni menos los editores WYSIWYG.

Hoy en día no es mucho lo que programo, pero es un hobby que me gusta mantener y de vez en cuando trato de “meter las manos” en el código.

Hoy estuve unos momentos con algo que no me pareció directa la solución y quiero compartir con uds:

Tenía un CSS con un código background-image pero no me cargaba la imagen si es que tenía la ruta de la imagen de forma relativa. Por ejemplo tenía esto en el CSS:

.popup { background-image: url(images/superior.png); }

pero si funcionaba con

.popup { background-image: url(/images/superior.png); }

Lo que ocurre es que las rutas que uno coloque dentro de un archivo CSS es relativa a donde está ubicado el CSS

Como el archivo css lo tengo ubicado en la carpeta “css” , de la siguiente forma: “css/archivo.css” y la imagen está en “images/superior.png” lo correcto a colocar de forma relativa es:

.popup { background-image: url(../images/superior.png); }

ya que esa es la ruta relativa desde la carpeta “CSS” a la carpeta “IMAGES”

interesante y funciona!.