1

私は Web アプリケーションを作成しており、下請けのデザイン会社からそのデザインを入手しました。デザインはかなりいいです。気に入っていますが、うまく実装する方法がわからないことが 1 つあります。

問題は、ページのスタイルに合わせてボタンの外観を再設計したことです。これで、ボタンアップとボタンダウンの 2 つの画像ができました。Opera と FF では、css で次のように言うだけです。

input[type="submit"]
{
    background-image: url(btn_up.png);
}
input[type="submit"]:active
{
    background-image: url(btn_down.png);
}

そして、それは魅力のように機能します。残念ながら、IEはその部分を理解していません:active。ほとんどの Web アプリケーションと同様に、IE クラウドが主な対象ユーザーであるため、少なくともそこでは見栄えがよいことが重要です。

現在、私は IE のみの JavaScript を使用して大掛かりな回避策を作成しましたが、疑問に思っています - これを行うためのよりエレガントな方法はありませんか? Google と SO 検索は役に立ちませんでした。

4

2 に答える 2

1

私が知っている限り、CSS疑似クラスはIEでのみリンク用です。これはIE8で変更された可能性がありますが、私は気づいていません。だから基本的に私はCSSを介してそれを実装するエレガントな方法があるとは思いません。

これは有用な答えではないので、画像とクライアント側のスクリプトを使用して実装することも追加します。これはエレガントではありませんが、クライアント側のスクリプトが正しければ、すべてのブラウザーでジョブを実行できるはずです。

乾杯

于 2008-12-04T08:59:49.947 に答える
0

http://www.quirksmode.org/css/contents.html#t16

「IE 7 は、すべての要素で :hover をサポートしていますが、:active はサポートしていません。」

于 2011-04-20T18:16:42.823 に答える