Home/ Questions/Q 237665
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T20:26:36+00:00

I have a webpage that uses sprites for its navigation link. In IE7 sometimes

  • 0

I have a webpage that uses sprites for its navigation link. In IE7 sometimes the links are not clickable. It works fine in IE8 and Firefox. Anyone encountered this before?

http://blazemanifesto.com

Thanks.

Edit
To clarify, on my computer, everything works fine. (Vista, IE8, Firefox 3, Chrome, Safari). I had a complaint from some users that the main nav wasn’t clickable. Honestly, I thought “user error” and didn’t look much further. Last night I saw my wife browsing the site (Vista, IE7), and noticed some times when she hovered over a link it was not clickable. The mouse pointer did not turn into a hand, and the link itself did not turn white. Clicking did nothing. Some links work fine, some are sporadic, some never work.

I’ve never seen this before, so I decided to ask you guys.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It seems that IE7 doesn’t like that you have assigned the background image to the container .nav and that just shines through the transparent backrounds of actual links.

    When I set the background image to the links directly, they started to work just fine. I suggest you do the same.

    BTW, instead of writing long lines like these:

    .nav .vision a:link, .nav .vision a:visited { ... }
.nav .vision a:hover, .nav .vision a:focus, .nav .vision a:active { ... }

    I would just use:

    .nav .vision a { ... }
.nav .vision a:hover { ... }

    The first selector targets all A elements in whatever state they are and a:hover overrides that when the cursor is over A. (I guess you don’t really care about all those :focus and :active states.)

    • 0