0

私の質問は次のとおりです。モバイルデバイスではクリックすると、このdiv（with class = "menu_cent"）がクラス.menu_cent：activeで機能しないのに、デスクトップでは機能するのはなぜですか。

    <div class="m_10">
        <a href="#" onclick="set_lng('en')"><div class="menu_cent">English</div></a>
    </div>

    .menu_cent   
{background:#fff;font-family:Arial, Helvetica, sans-serif;word-wrap:break-word;min-height:16px;background:#FFF;border:1px solid #d9d9d9;padding:10px;line-height:1.3;text-align:center;font-size:16px;color:#888;font-weight:700;cursor:pointer}

    .menu_cent:active   
{background:#f1f1f1;font-family:Arial, Helvetica, sans-serif;word-wrap:break-word;min-height:16px;background:#FFF;border:1px solid #d9d9d9;padding:10px;line-height:1.3;text-align:center;font-size:16px;color:#888;font-weight:700;cursor:pointer}

使ってみた

<div class="m_10">
    <a href="#" onclick="set_lng('en')"><div onClick="style.backgroundColor='#f1f1f1';" class="menu_cent">English</div></a>
</div>

動作しますが、遅延が発生します。

助けてください

4

1 に答える 1

1

リンクをターゲットにしたい場合は、アクティブな疑似クラスを間違った要素に配置しています。アプローチ方法は次のとおりです。

a:active div.menu_cent{
 property: blah;
}

それ以外の場合は、div:active を設定できます (これが WebKit ブラウザーで機能することは知っていますが、他のブラウザーについては知りません) が、通常は主にアンカー要素に :active および :visited 疑似クラスが必要です。

また、その : activeブロックで背景を 2 回設定しています。これが、変化が見られない理由の一部です。

于 2013-03-07T21:54:33.777 に答える