WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: the "Read More" links vs elipsis

for

From: Jared Smith
Date: Dec 7, 2011 1:33PM

On Wed, Dec 7, 2011 at 1:05 PM, John Foliot wrote:

> How about something like this:
>
> .offscreen {
>   position:absolute;
>   left:-999px;
>   top:-999px;
> }

You'll want to use top:auto; in this case, otherwise the browser will
have focus on an element that is partially on the screen and partially
way above the top left corner of the screen. This can cause some weird
behavior like having the browser scroll to the top of the page.
top:auto moves the element directly to the left of where it would be
on the screen.

Jared