The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS :active issue with IE

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #40957

    There is a situation when I have a list of buttons with a background image. The problem is that :active doesn’t work in IE. Please see a simple example below:





    li { background: blue; }

    li:hover {background: red; }

    li:active {background: orange; }

    span { background: url(../../img/tb_delete.png); display: block; }

    As you notice, span has a background image and li has a background color that supposed to change on hover and active. Everything works fine in FF, Chrome and Safari, except IE. The problem, as far as I understand, is the span tag. IE doesn’t do :active on element that has another element on top (inside) of it. Is there something I can do to go around this?


    Have you tried adding an active class to the span as well as the li?

    span:active {
    background: orange;


    Unfortunately, I can’t do anything with the span, because it has it’s own background image that changes on :active.


    Then I guess you’ll have to resort to an .active class and use js to apply it.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.