[Strutsagget]

Hej

på sidan http://www.teamexspirit.com har jag lagt en 1px stor png med opacitet för att skapa genomskinlighet(repeterar via css i mittenblocket).

Dock verkar det som på iPad(deras safari) som att det bildas konstiga rutor i det blocket med mörkare färg.

Är det någon som vet varför det blir så? Vad jag har gjort fel...

Har testat alla andra läsare och datorer och verkar inte dyka upp någon annan stans.

[Strutsagget]

Kanske har med att mobile safari skalar om sidorna. En teori iaf.

Ber om ursäkt för min särskrivning och allmänt dåliga språk...

[dAEk]

Tyvärr har jag ingen lösning på ditt problem men vi har ett liknande problem på jobbet med att Safari på iPad lägger till en ljusgrå border på vissa element som har en alphatransparent bakgrundsbild. Zoomar man in försvinner bordern. Vet inte om det kan vara relaterat till ditt problem men om jag får ordning på det lovar jag att lägga upp mer info. Hoppas att du gör detsamma.

[studiox]

Har ingen lösning mer än att göra undantag i din css för iphone.
Undrar hur det ser ut i android, det är ju webkit där också.

[dAEk]

I mitt fall berodde inte felet på png-bakgrunden som jag först trodde utan det var en helt vanlig bakgrundsfärg som orsakade felet. Har man en containerdiv med en bakgrundsfärg och innuti den diven har man en annan div som specar en annan bakgrund, ja då får den inre diven en en-pixlars border från dess parent. Zoomar man in till 100% försvinner den men återuppstår som sagt so fort man zoomar ut igen.

Jag kan inte göra annat än att tolka detta som en renderingsbugg. Problemet uppstår inte på Android-baserade lurar eller på någon iPhone som jag provat - det rör endast iPad.