iOS background-image size issue

[jskirl]

Hello-

On my site, Corocotta.es, I’m having an issue I’ve only detected on iOS. The top banner is a mostly transpartent .png with a background that displays a random image through sprites with some php. On all desktop browsers I’ve tried (webkit / mozilla) this works fine, but on mobile safari for some reason the background image seems to be scaled to 50%, which has me stumped.

If anyone has ideas or suggestions on how to debug this, I’m all ears…

[jskirl]

Dug it up myself, sorry.

Had to define:

-webkit-background-size: 940px 2574px

with the native image size. Now it seems to work properly in mobile safari, but an interesting bug.

[zbuffered]

Right on, I just came upon the same issue and your solution worked for me. All browsers worked including IE6 and Safari, but on my iPod Touch the big top background image got resized and things went pear-shaped.

Thanks for posting!

[Author]

Posts