Advanced Search

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