Używam obrazu tła w postaci kafelków na stronie internetowej. Witryna jest świetna we wszystkich przeglądarkach komputerowych, ale gdy przeglądam witrynę na moim iPadzie Mini (z systemem iOS 6.1.3), obraz tła zawiera smugi. Na większości stron można zobaczyć wzór, który jest linią (rozmiarem obrazu tła), która wygląda dobrze, następnie kolejną linią ponownie tego samego rozmiaru obrazu tła itp.

Oto zrzut ekranu przedstawiający problemy:

Oto wymagany CSS dla tła:

#wrap {  
   margin:0 auto; 
   position:relative; 
   padding:0; 
   background: #B3B1B2 url(/images/bgs/parchment2.jpg); 
}

Próbowałem wyczyścić pamięć podręczną iPada, ale to nie działa. Jestem zagubiony, dlaczego tak się dzieje. Jak mogę zapobiec i rozwiązać ten problem?

Aktualizacja

StworzyłemjsFiddle opakowania. Na stronie wyglądało dobrze. Pozostało mi więc założyć, że jest gdzieś w moim kodzie. Jednak nie zawsze dzieje się to natychmiast na stronie. To może się zdarzyć z Fiddle, ale nie widziałem, żeby to się stało. Jeśli to moja witryna, jak śledzić kod powodujący problem?

Aktualizacja 2

Zmieniłem obraz tła nahtml, bodytagi i problem nadal się zdarza, ale nie jest tak zły i usunie go sam. Nadal zastanawiam się, jak mogę zapobiec temu problemowi.

Aktualizacja 3

Próbowałem pomysł @ Riskbreaker przejścia na PNG. To nie zadziałało. Nadal widzę linie. Zwiększył także znacznie plik tła (z 30k do prawie 200k). Próbowałem też zupełnie innego obrazu tła, myśląc, że może to być sam obraz, ale nadal widziałem błąd. Przełączyłem się z powrotem na jpg ze względu na rozmiar pliku.

Jak rozwiązać ten problem? Czy jest to problem z systemem iOS lub coś w moim kodzie?

Ta strona jesthttp://www.lfrieling.com/. Widzę to tylko na moim iPadzie Mini z systemem iOS 6.1.3 (najnowszy w chwili pisania tego tekstu). Nie widzę tego na moim iPhonie z tą samą wersją systemu iOS. Widzisz to także na długich stronach bardziej niż na innych stronach. Zobacz Professional> Resources.