background-size:cover not working in android native browser

Question

I'm trying to fit a background image to it's container using `background-size:cover`. here is my fiddle : The Fiddle it works in all browsers but not working in Android native browser.. anybody has any solution please ? thanks

Accepted Answer

After searching about this problem and finding no solution, I deleted background-image from CSS file styles and used an inline style in HTML codes. The problem with android native browser is solved.

I updated the fiddle and it's working in android native browser.

The Updated Fiddle

it seems that android also has problem with parsing background format like this :

```
background: url('...') fixed center center / cover;
```

and we should separate the background-image form others and use it inline, and then use each option separately in css file, like this :

```
background-size: cover;
background-position: center center;
```

background-size:cover not working in android native browser

Solution

Problem