WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: IE Weirdness

for

From: Jared Smith
Date: Jun 21, 2006 9:40PM

Al Sparber wrote:
> Hi Jared,
>
> Check this page again:
> http://www.projectseven.com/testing/customers/aim/
>
> Check it also with CSS disabled.

Ahhh. Very nice. I've found that almost anything is possible with CSS if
you put enough brainpower towards a solution.

Just to summarize for others what is happening here, the image is placed
in the page with appropriate alternative text, but is absolutely
positioned off-screen. The paragraph that contains the image is given a
background image that is the same as the image it contains (how's that for
an awkward sentence?). In other words, the img is there, but positioned
off-screen, while the paragraph that contains it displays that same image
in the background. It's in the same location as the real image would be.
When styles are disabled, the main image appears in place and the
background image is gone.

The only downside to this approach is that the right portion of the
background image disappears when scaling down, something that doesn't
happen with overflow:auto, but this is certainly a more elegant approach.

Jared Smith
WebAIM.org