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