1

これが私のコードです。アクティブは単に発火しません

    a.Button span {
background: transparent url('images/form_sprite.png') no-repeat 0 0;
display: block;
height:45px;
line-height: 30px;
padding: 7px 0 5px 20px;
color: #fff;
background-position: 0 -44px;
}

a.Button {
background: transparent url('images/form_sprite.png') no-repeat top right;
display: block;
float: left;
height: 45px;
margin-right: 6px;
padding-right: 27px;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

a.Button:hover span {
background-position: 0 -136px;
}

a.Button:hover {
background-position: right -90px;
}

a.Button:active span {
background-position: 0 -225px;
}

a.Button:active {
background-position: right -181px;
}

これはhtmlです：

<div class="clearbutton"> <a class="Button" href="#"><span>Button text</span></a> </div>

アイデアはありますか？

4

2 に答える 2

1

css で に変更a.Button:activeしてみてください。a.Button span:activeそれは:activecssを起動しているようで、まだクロムで動作しています。

于 2011-12-31T19:14:05.460 に答える
0

はい、疑似クラスは、ユーザーがそのオブジェクトを直接:activeクリックしたときにのみIEで起動します。この場合、リンク。子オブジェクト（スパン）をクリックしている場合、リンクのアクティブなイベントは発生しません。

Aninemityが言ったように、スタイルをに適用することができますspan:active（これを行う適切な方法）。ただし、IE6 / 7では、:activeリンクに対してのみ起動します。IE6 / 7のサポートが必要な場合は、スパンを取り除く方法を見つける必要があります。

于 2011-12-31T19:22:11.507 に答える