Cannot load file in folder outside the css folder

Question

I cannot load image as a background, my image located at

img/my_images.jpg

and this is my css code look like

.background-content
    {
    background-image: url(img/my_images.jpg);
    background-position: center;
    }

the css file is located at

css/my_style.css

but everytime I move the image into the same folder as css, it does load the image perfectly. is it impossible to load image from outside folder of css

thanks for the help.

sincerely, gema.

thankss, i solved this problem my self, it needs to be started with "/" first if you wanna go to root folder then to another folder. Thanks stackoverflow. — gema
– gema, Commented Feb 16, 2015 at 16:36

isherwood · Accepted Answer · 2015-02-16 16:30:39Z

2

I'm guessing here, but you probably just need to use the "up one level" syntax:

background-image: url(../img/my_images.jpg);

This gets you up into the parent folder of /css/, and then back down into /img/.

answered Feb 16, 2015 at 16:30

isherwood

61.4k16 gold badges122 silver badges173 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Marcus · Accepted Answer · 2015-02-16 16:30:12Z

1

Change this

background-image: url(img/my_images.jpg);

to this

background-image: url(../img/my_images.jpg);

answered Feb 16, 2015 at 16:30

Marcus

6,73712 gold badges49 silver badges91 bronze badges

Comments

Eric · Accepted Answer · 2015-02-16 16:31:43Z

1

The image loads relative to where the css is located. So your image would have to be in

  css/img/my_images.jpg

I'm guessing you want

  background-image: url(../img/my_images.jpg)

I prefer to do everything from the root

  background-image: url(/img/my_images.jpg)

answered Feb 16, 2015 at 16:31

Eric

1,8823 gold badges16 silver badges22 bronze badges

Comments

D Jones · Accepted Answer · 2015-02-16 17:02:22Z

0

Marcus is correct you likely need to go back a directory with ../images/you pic.jpg

answered Feb 16, 2015 at 17:02

D Jones

7610 bronze badges

Collectives™ on Stack Overflow

Cannot load file in folder outside the css folder

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related