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: 
Please use this code. Use background instead of background-image and make sure that you have inserted the correct image path in url().

```
    html, body {
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}
    .home-body {
    background: url('/home.jpg') no-repeat center center fixed;

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

}

```
very easy like this.... 

```
.play{
    background: url("media_element/play.png") center center no-repeat;
    position : absolute;
    display:block;
    top:20%; 
    width:50px;
    margin:0 auto;
    left:0px;
    right:0px;
    z-index:100
} 

```