CSS directory issue?

Question

Let's say if I link to a background img in a css file url(img/bg.png), and the css file is at http://example.com/test/style.css and the img file is at http://example.com/test/img/bg.png

However I browse the page at http://example.com/index.html and i like to the css file via <link rel='stylesheet' type='text/css' href='test/style.css' /> with the base set to <base href="http://example.com" />

Would the css file work?

score 1 · Accepted Answer · answered Dec 03 '10 at 02:18

1

This should work

index.html includes test/style.css , which is a valid link

AND

style.css has /test/ as root so img/bg.png is also valid link

NOTE: as a general convention it's good to include ./ when referring to current directory best choice is to refer images like ./test/bg.png from your css file

answered Dec 03 '10 at 02:18

Ish

28,486
11
60
77

Conflicting answers? See answer by Surreal – Pwnna Dec 03 '10 at 02:51

score 0 · Answer 2 · edited May 23 '17 at 11:55

0

See this answer: Using relative URL in CSS file, what location is it relative to?

edited May 23 '17 at 11:55

Community

1
1

answered Dec 03 '10 at 02:30

bosmacs

7,341
4
31
31

I was wrong, had it backwards in my head. The accepted answer explains it very nicely. – Surreal Dreams Dec 03 '10 at 03:29

CSS directory issue?

2 Answers2