SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict
    Join Date
    Jan 2009
    Posts
    368
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Block Hover Effect ?

    Hi all

    I was looking for a way to have a hover effect over a group of text possible containing an image. I came across this example which looks like a good explanation.

    http://www.smileycat.com/miaow/archives/000230.php

    This example is from 2006 - Is this still a good technique to use, are there now better or more relevant methods.

  2. #2
    Utopia, Inc. silver trophy
    ScallioXTX's Avatar
    Join Date
    Aug 2008
    Location
    The Netherlands
    Posts
    9,031
    Mentioned
    152 Post(s)
    Tagged
    2 Thread(s)
    You can also use Whatever:hover so you can make all elements hoverable in IE, not just <a> tags

    Alternatively you can use javascript to achieve this, then only about 1% of your visitors do not see the effect.
    Rémon - Hosting Advisor

    Minimal Bookmarks Tree
    My Google Chrome extension: browsing bookmarks made easy

  3. #3
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,281
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    As mentioned if you want to support IE6 you need to make everything happen on and insider the anchor like this.

    The problem is that it is not very semantic and we ran a css quiz that showed another way to do it and allow normal html elements to be used.

    Or with a js helper for IE6.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •