Question: I want adding background image with css but it did not work.Browser show me a blank page.

my application.css

```
home-body {
    background-image: url('/home.jpg') no-repeat center center fixed;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;

}

```

file home.jpg located in a directory /public/home.jpg.

How fix?

Answer: 
it may be caused by 3 problem

1- home-body is not a tag of html.so it should be id or class name of a tag.so you should use `.home-body` for class name and `#home-body` for id name.

2- you do not address the background image correctly.if you want to make sure, give the url as an absolute path to your image like `http://yoursiteUrl/public/image/image.png` 

3- your css file is not loaded on your page.try to make sure it is loaded on your site correctly if it is loaded then the problem is first or the second part mentioned here.
```
body {
    background-image: url('img-url');
    background-size: cover;
    background-repeat:no-repeat

}

```