0

リンクが :active のときに兄弟 div に CSS を適用したい

.navigation-menu:active ~ .container-menu,
    left: 0;
}

IE9以下はこれをサポートしていませんが、IE10はサポートしていますか?

4

3 に答える 3

0

子の :active 状態は親から継承されません (少なくとも IE 10 では)

この SO 回答に投稿された JS 回避策があります: Make a whole div clickable with working :active css rule in IE10

IE 開発チームがこの問題を次のように分類したことは注目に値します。won't fix

アクティブな状態を祖先要素に伝播すると、状態の変化によって影響を受ける可能性のある多数の要素が原因で、Web ページの応答性が大幅に低下する可能性があります。その結果、これによりエンド ユーザーは対話型コントロールが遅く感じるようになり、特にわずかな遅延が容易に認識されるタッチ操作で顕著になります。

ソース: https://connect.microsoft.com/IE/feedback/details/757765/ie10-active-puedo-class-should-be-triggered-by-child-elements-too

于 2013-12-14T12:19:59.980 に答える
0

疑似クラスで一般的な兄弟セレクターを使用するには、いくつかのバグに遭遇しますが、これは修正できます。この記事を参照してください。

http://css-tricks.com/webkit-sibling-bug/

body { -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from { padding: 0; } to { padding: 0; } }

これはIE8+で動作するはずです

于 2013-02-12T10:58:50.487 に答える