0

My website has some background images that do not show up on iPad.

My code for these images is:

#section-biography { background: transparent url(../img/bio.jpg) no-repeat fixed 50% 0; }

I read here (Really) Long Background Image Does Not Render on iPad Safari that the max size for background images on iPad is:

width * height ≤ 3 * 1024 * 1024

If I have several different images on my background, does the above formula apply to the SUM of all backgound images, in other words do the formula become:

width_img_1 * height_img_1 + width_img_2 * height_img_2 + .... width_img_n * height_img_n  ≤ 3 * 1024 * 1024
Community
  • 1
  • 1

1 Answers1

0

I am not 100% sure, but it could have something to do with your background positioning:

does a background-attachment of fixed work in iOS5?

Community
  • 1
  • 1
Patrick G
  • 486
  • 2
  • 12