0

我正在创建一个按钮（实际上只是一个链接），其设计相当复杂，并且由于我正在针对 IE8 进行优化，因此无法使用 CSS3 制作。因此，我在<span>内部放置了一个<a>，并在两者上放置了一个背景图像。

图像在:hover和上变化:active。它在所有浏览器中都非常好用，但在 IE 中则不然。:hover工作正常，但是单击 时，不会触发父级<span>的状态。这有点道理，但我以前见过它工作，所以我想一定有一些解决方法？:active<a>

这是一个小提琴：http: //jsfiddle.net/TheNix/EtjL3/

4

2 回答 2

1

您可以尝试使用以下 jQuery 在单击时添加 css 内联。

              $("a, span").click(function(){
                  $(this).css("background", "green")
                  $(this).find("span").css("background", "lime")    
              });

这是一个 jsFiddle http://jsfiddle.net/ollie/r5NDw/1/

或者，您可以使用addClass()在单击时添加类；

于 2012-04-18T12:43:22.437 回答
0

您可以使用或css class为活动状态设置 a 。jqueryjavascript

编辑

你可以像这样设置一个css类......

$(document).ready(function() {
    $("a span").click(function() {
      $(this).addClass("active");
      $(this).parent().addClass("active");
    });     
});

和 CSS 样式...

a.active { background:green; }
a.active span { background:lime; } ​
于 2012-04-18T10:10:58.183 回答