• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter Sixteen. A CSS Redesign > Fahrner Image Replacement (FIR)

Fahrner Image Replacement (FIR)

Now we have a logo/Home button in its hover state, but it isn't clickable and it doesn't do anything. We actually want the page to show the non-hover state until the visitor's mouse cursor hovers over the image. The next step is kind of mind-bending and is based on a concept pioneered by the oft-mentioned Todd Fahrner. First we create a class called alt whose sole purpose is to be invisible in CSS environments:

.alt {
     display: none;
     }


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint