1
iPhoneからAndroidにWebアプリケーションを移植しています。予期せず、ボタンはアクティブな状態でバックグラウンドを変更しない限り、通常どおりに機能します。モバイルSafariでは、デスクトップのChromeはすべて正常です。任意のアイデア、何が問題になることができますか？アクティブ状態でボタンが再描画されない（Android Webkit）
私はそれらの
img, input, div, button, table:focus
{
outline-width: 0;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
たぶん1のようなトリックをたくさん持っていますか？
よろしく、
UPDATE
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<style type="text/css">
button
{
cursor: pointer;
background-size: 100% 100%;
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
border: 0px;
color: white;
font-family: Arial;
}
button
{
width: 337px;
height: 94px;
font-size: 50pt;
}
button.pink
{
background-image: url(images/buttonpinknormal.png);
}
button.pink:active
{
background-image: url(images/buttonbluepressed.png);
}
</style>
</head>
<body>
<button class="pink"></button>
</body>
</html>
これは、Android上で動作しないコードの最小限の部分、です。モバイルSafari、Safari、Chromeで動作します。
この回答はお役に立ちます：http://stackoverflow.com/a/7820424/458679 – trkaplan
ボタンは画像/ buttonpinknormal.png画像を非アクティブ状態で表示していますか？これにより、画像へのパスが検証されます。あなたはボタンの本文に「display：none」を入れようとしましたか？セレクタが起動していることを確認するためのアクティブな定義ですか？ – Colin
1.はい。 2.試してみる（視認性：代わりに隠され、テストの方が良いと思われる）、答えます。 – noober