Relativ länk i CSS

Hur gör man när man vill gå tillbaka i sökvägen efter en bild i CSS.

I vanliga fall använder man ../ (punkt, punkt, snesträck) ../images/bild.gif

Men i CSS så ska man länka till bilden i tex. detta fält:

br { background-image: url("ImageFile/Q.gif"); }

Men det fungerar inte att använda url("../ImageFile/Q.gif");

Någon som vet hur man gör?

Du kan ju skriva ut hela sökvägen också:
background-image: url("http://www.smktrollhattan.com/ImageFile/Q.gif");

Fungerar det första?
Är du säker på att sökvägen existerar?

:)

Re: Relativ länk i CSS

sahle skrev:

Men det fungerar inte att använda url("../ImageFile/Q.gif");

Någon som vet hur man gör?

Jodå, det fungerar. Tänk bara på att sökvägen ska vara i förhållande till var ditt css-dokument ligger, inte var sidan som använder css-dokumentet ligger... :)

Ta bort harskitarna:

background-image: url(../ImageFile/Q.gif);

red// hade för mig att det skulle vara utan harskitar men enligt w3c så spelar det visst ingen roll

Dino skrev:

Ta bort harskitarna:

background-image: url(../ImageFile/Q.gif);

red// hade för mig att det skulle vara utan harskitar men enligt w3c så spelar det visst ingen roll

Varför då? Det behöver man väl bara göra när man lägger in länken i ett styleelement. ex <div style=background-image:url(../.....
I ett stylesheet så spelar det väl ingen roll, eller har jag fel?

Har för mig att jag rättade mig själv i förra inlägget. ;)