Home › CSS: background image not displaying in Android browser

CSS: background image not displaying in Android browser 

James
Joined:
02/21/2009
Posts:
172

April 11, 2015 12:41:12    Last update: April 11, 2015 12:41:24
This didn't work in the Android browser (but worked in Firefox under Android): 
.hero {
	background: url(images/bg.jpg) no-repeat scroll center center/cover;


This worked: 
.hero {
        background: url(images/bg.jpg) no-repeat;
        background-position: center center;
        background-attachment: scroll;
        background-size: 100% auto;
}
Share |
| Comment  | Tags