2

マウスがホバーしたときにメニューを不透明にするために使用:hoverしています-明らかに、これはタッチデバイスでは機能しません。このフィドルは、私が達成しようとしていることを示しています (下にスクロールして透明度を確認してください)。私の完全な例では、チェックボックスを使用してサブメニューをドロップダウンしていますが、これはうまく機能しています。

明らかに、CSS を使用して「上向き」にトラバースすることはできないため、チェックボックスを選択しても祖父母に影響を与えることはできませんnav。誰か提案はありますか？DOM をトラバースするある種:activeまたは同等のものはありますか?

私は自分自身を特に明確にしているわけではありませんが、助けていただければ幸いです。唯一の解決策はjqueryではないでしょうか？

4

2 に答える 2

1

メディア クエリを使用して、ハンドヘルド デバイスに対して別のことを行います。

@media handheld {
    /* .myHoverElement:active { }*/
}

特にターゲットにしたいいくつかのタッチデバイスを試してみることもできます. 例えば;

iPhone < 5:

@media handheld and (device-aspect-ratio: 2/3) {}

iPhone 5：

@media handheld and (device-aspect-ratio: 40/71) {}

iPad:

@media handheld and (device-aspect-ratio: 3/4) {}

述べたコメントについてcimmanon。StackOverflowには、それに関するかなりの情報と、特定のデバイスをターゲットにする方法と、特定のデバイスで機能しない場合handheldはそれらをより適切に検出する方法があります。

iPhone / Android ブラウザは CSS @media handheld をサポートしていますか?

于 2013-04-24T21:03:01.997 に答える
1

モバイルでは不透明効果を完全に回避する方が簡単です。つまり、クライアントがタッチ デバイス上にある場合は、不透明度を 1 に設定します。

于 2013-04-24T21:03:39.480 に答える