Return to Snippet

Revision: 36125
at November 18, 2010 09:46 by Moonsheeld


Initial Code
/*
    HTML:
    <a href="#"><span></span>My hidden text</a>
*/

a {
    display: block;
    position: relative;
    width: Xpx;
    height: Xpx;
}
a span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url(sprite.png) no-repeat 0 0;
}

Initial URL


Initial Description
CSS sprites still accessible when images are disabled.
As seen on http://ryanroberts.co.uk/_dev/experiments/accessible-rollovers/index.html .
Disabled the "overflow: hidden" part to make the sprite accessible when images disabled AND text is zoomed.

Initial Title
Accessible sprites

Initial Tags


Initial Language
CSS