CSS background-image not working properly on android mobile

android css background-image cover
melbourne picture melbourne · Apr 29, 2013 · Viewed 21.1k times · Source

This is the code I am using at the moment:

background: url(myimage.jpg) no-repeat center center fixed;
background-size:100% 100%!important;
background-position:0 0!important;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size:cover;
background-attachment:scroll;

On android I browsed with Chrome. When I scroll down I want the background image to be static. Can I achieve this in some other way?

Answer

Jase Whatson picture Jase Whatson · Apr 29, 2013

Unfortunately not, this seems to be a bug which Google has never fixed.

I personally dealt with exactly the same issue last week and ended up giving up on looking for a solution.

The bug submission

For the record, it is also not posible on Safari on iOS.

Related questions

Disable scrolling in all mobile devices

This sounds like there should be a solution for it all over the internet, but I am not sure why I cannot find it. I want to disable Horizontal scrolling on mobile devices. Basically trying to achieve this: body{ overflow-x:…

Read More
Rendering HTML in a WebView with custom CSS

My app is using JSoup to download the HTML of a message board page (let's say in this case it is a page containing the posts of a given thread). I'd like to take this HTML, strip out unwanted items, …

Read More
Background image jumps when address bar hides iOS/Android/Mobile Chrome

I'm currently developing a responsive site using Twitter Bootstrap. The site has a full screen background image across mobile/tablet/desktop. These images rotate and fade through each, using two divs. It's nearly perfect, except one issue. Using iOS Safari, …

Read More