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を使用して、アクティブ状態の を設定できます。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 に答える