7

昨日、Chromeをバージョン24に更新しました。これを行った後display:none、セレクターに適用した属性が適用されていないようです。

適用される最初のタイプのセレクターがありますdisplay:block。これは、最後のメンバーを除くそのタイプのすべてのメンバーに適用されるようです。

displayChrome開発者ツールでこのcssプロパティを無効/有効にすると、display:none正しく適用されます。開発者ツールは、Webページから要素を選択できるようにしながらも表示displayされていますnone

この動作は、以前のバージョンのchromeとfirefoxで機能していました。

この動作を強制的にトリガーする方法はありますか？

私は現在、Javascriptで表示ロジックを適用する別のクラスを設定しようとしましたが、CSSソリューションが必要です。

編集

「ユーザーエージェントスタイルシート」から「div{display：block;}」も存在しますが、これは開発者ツールでオーバーライド済みとしてマークされていますが、おそらくこれは問題の一部ですか？

4

1 に答える 1

0

発生している問題がdisplay：block/noneで要素を「オン/オフ」することである場合。おそらくChromeがずっと前から経験しているレンダリングの問題です。

コンテンツをディスプレイに置き換えると、Chromeで再描画の問題が発生することがあります。コンソールにプロパティが置き換えられたと表示されても、ウィンドウとその要素には影響しません。

非表示/表示する要素にこれを追加してみてください。

-webkit-transform: translate3d(0,0,0);

または、XとYに変換を使用している場合は、次を追加するだけです。

-webkit-transform: translateZ(0); // This affects only the Z preserving X and Y

また、Yotam Omerによるこの回答では、ブラウザに対して変換アクションを正確に実行して「動作」させることができます。

于 2014-04-14T17:41:24.173 に答える