background image using css

Question

I want to display background image in all my web pages.My body css code is

body{
  background-image:url('image/silver.jpg');
  background-repeat:no-repeat;
  background-size:cover;
 }

I include this page in my page as

<link rel="stylesheet" type="text/css" href="css/body.css">

But This couldn't display background image now.If I include body css code in head section It display background image.

check your path? "../css/body.css/", also close the link tag <link /> — Bhojendra Rauniyar
– Bhojendra Rauniyar, Commented Jan 27, 2015 at 6:28
Right click on the web page and click inspect element. If it gives an error under console tell us what it says. — Armand Karambasis
– Armand Karambasis, Commented Jan 27, 2015 at 6:29
or check you bg path background-image:url('../image/silver.jpg'); — rasso
– rasso, Commented Jan 27, 2015 at 6:30
error in path sample.com/hr/css/image/silver.jpg my actual path is sample.com/hr/image/silver.jpg — user3386779
– user3386779, Commented Jan 27, 2015 at 6:34

Dai · Accepted Answer · 2015-01-27 06:56:03Z

3

Paths in CSS are relative to the CSS document, and are not relative to your website's root.

I recommend putting images (and all style assets) in the same directory as the stylesheet to keep paths simpler.

Anyway, change the background-image property to this:

background-image:url('../image/silver.jpg');

...if your site's filesystem is this:

index.html
css/
    style.css
image/
    silver.jpg

In my opinion, your site should resemble this:

index.html
style/
    style.css
    silver.jpg
images/
    // put "content" images here (like a photo of yourself)...
    // ... not "style" images (e.g. a background gradient image).

edited Jan 27, 2015 at 6:56

answered Jan 27, 2015 at 6:31

Dai

158k31 gold badges314 silver badges436 bronze badges

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

Comments

charlierproctor · Accepted Answer · 2015-01-27 06:30:49Z

1

Make sure you are specifying the path to the image correctly. Maybe your CSS file is in a different directory than the HTML file?

answered Jan 27, 2015 at 6:30

charlierproctor

1,20210 silver badges11 bronze badges

Collectives™ on Stack Overflow

background image using css

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related