A problem on handheld devices

Question

Hi

I've designed a launch page for a client maktab-ez.com and there is a problem.

When I watch it over tablets/smartphones, the background doesn't appear unless you zoom in to the page and then zoom out.

Is there any solution for this?

Answer 1 · 2014-01-12T04:17:43Z

January 12, 2014 4:17am

As far as I can tell,

background-position: fixed;

is buggy at best on mobile browsers. Check this out:

I found some other possible fixes, mostly from stackoverflow posts, by googling something like: "background image problem tablets phones"

Answer 2 · 2014-01-12T06:20:41Z

January 12, 2014 6:20am

That quirksmode blog is pretty awesome. Found this:

Answer 3 · 2014-01-11T19:05:51Z

January 11, 2014 7:05pm

Can you post the code you're using for your background image?

We can look at your source code but can't tell if you've made changes or found your solution.

Answer 4 · 2014-01-12T02:25:14Z

January 12, 2014 2:25am

there was no changes...

Answer 5 · 2014-01-12T21:59:35Z

January 12, 2014 9:59pm

Thanks a lot, and I think I have a solution for this...

getting the size of the page with js and adding it to a normal sized div with dot class.

I'll try it first thing tomorrow.

Welcome to the Treehouse Community