How to insert an Image in css correctly [duplicate]

Question

Im trying to insert an image with css, the problem is that it works whit http images from the internet , but when i use my local images with the right path is not working.

btw I have the images in the same folder of the html file. also using right click copy path from visual code.

here is the css:

.cuerpo{
    background-image:url(""); 
    height: 100vh;
    background-size: bottom;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

}

this is the path im using C:\Users\elari\OneDrive\Documents\CacheStudioOff\img\LampPostBannercache.jpg — Ariel Cancel
– Ariel Cancel, Commented Aug 30, 2020 at 16:48

Aethereal · Accepted Answer · 2020-08-30 16:56:00Z

0

If its on the same folder, try this solution.

.cuerpo{
    background-image:url("filename.extension"); 
    height: 100px;
    background-size: bottom;
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

So, you only write the filename.extension there.

answered Aug 30, 2020 at 16:56

Aethereal

1831 silver badge12 bronze badges

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

Comments

marco marco · Accepted Answer · 2020-08-30 16:56:54Z

0

If you have your images in the same folder as the .html files, then you should specify only the image name. For example background-image: url('image.jpg')

answered Aug 30, 2020 at 16:56

marco marco

1579 bronze badges

Collectives™ on Stack Overflow

How to insert an Image in css correctly [duplicate]

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related