Bug 20811
| Summary: | Tall background image invisible in Mobile Safari | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Brady J. Frey <brady> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED INVALID | ||
| Severity: | Normal | ||
| Priority: | P2 | ||
| Version: | 525.x (Safari 3.1) | ||
| Hardware: | Other | ||
| OS: | Other | ||
| URL: | http://pursuitofequality.org | ||
Brady J. Frey
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!
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Mark Rowe (bdash)
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/.
Brady J. Frey
That's what I wanted to know, thank you, I'll close