Bug 20811 - Tall background image invisible in Mobile Safari
Summary: Tall background image invisible in Mobile Safari
Status: RESOLVED INVALID
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 525.x (Safari 3.1)
Hardware: Other Other
: P2 Normal
Assignee: Nobody
URL: http://pursuitofequality.org
Keywords:
Depends on:
Blocks:
 
Reported: 2008-09-12 14:54 PDT by Brady J. Frey
Modified: 2008-09-12 17:18 PDT (History)
0 users

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Brady J. Frey 2008-09-12 14:54:09 PDT
I didn't see a spot to post for Mobile Safari bugs, so I apologize if this is misplaced (including the lack of verification of the version). This is visible in the latest 2.1 iPhone build as well.

The container div for #content is a tall image:
http://pursuitofequality.org/images/poe_body.png

Just a trick so the gradient at the top will hang down over the repeat area, yet still cover a large amount of space. The graphic shows up fine in desktop Safari, but in Mobile it is invisible. Jeff Kenny from http://www.duoconsulting.com noticed if the graphic was made smaller than 2000px in height, it magically shows. 

I'll leave the site up as is for a little while, after that I'll run iPhone specific CSS to work around the issue and post up a test page so the bug can still be tracked. Thank you!
Comment 1 Mark Rowe (bdash) 2008-09-12 17:13:08 PDT
If this doesn't reproduce in Safari on the desktop, please close this bug and file a bug report against Mobile Safari at http://bugreport.apple.com/.
Comment 2 Brady J. Frey 2008-09-12 17:18:16 PDT
That's what I wanted to know, thank you, I'll close