Results 1 to 3 of 3

Thread: quick hover question

  1. #1
    Join Date
    Jun 2008
    Posts
    53
    Thanks
    8
    Thanked 0 Times in 0 Posts

    Default quick hover question

    quick question:
    with an
    li:hover {} stlye if I have a background image for the li base style can I change the background image with hover?

    I havent been able to see that yet, so do I need to be using javascript with onMouseOver?

  2. #2
    Join Date
    Jan 2006
    Location
    Ft. Smith, AR
    Posts
    795
    Thanks
    57
    Thanked 129 Times in 116 Posts

    Default

    You can achieve this in FF, but IE does not support the ":hover" pseudo class with the exception of anchors (a href).

    I suppose if you really wanted a background image rollover within your "li", then you could make it a link, specify the rollover image, make the destination "#", and specify the cursor as "default" or "arrow".

    This way most people wouldn't really realize that it was technically a link, but that's just kind of messy if you ask me. I don't fully understand why Microsoft decided not to jump on the bandwagon regarding the ":hover" pseudo class, but I guess when you have that much money lining your pockets, why worry about keeping up with the other guys?

    Hope this helped.
    --------------------------------------------------
    Reviews, Interviews, Tutorials, and STUFF
    --------------------------------------------------
    Home of the SexyBookmarks WordPress plugin

  3. #3
    Join Date
    Jun 2008
    Posts
    53
    Thanks
    8
    Thanked 0 Times in 0 Posts

    Default

    Thanks, Im only worrying about FF functionality right now as im in the inital stages. I think I had just forgotten to upload the new css sheet, the hover effect started to work just fine.

    As far as IE there is a hover hack fix that I found that does a javascript replace.

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
  •