The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS iOS background-image size issue

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #31853


    On my site,, 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…


    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.


    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!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.