10

次の制限付きで div を表示したい:

  • 幅 1024px 未満で自動的に非表示
  • 幅1024px以下のボタンで切り替えることができますが、どこか（div内ではない）をクリックすると、activeDivクラスを削除する必要があります

codepenにダミーの例があります

そのため、次の問題が発生しました。

  • IE10では、トグルボタンが機能しません（divを非表示/表示しません）開発者ツールで確認しましたが、display: initial
  • Chrome 29 では、div はボタンの下ではなく横に表示されました。(Firefoxも同じ) div
    のデフォルトが であることは知っていますが、このcssはタグだけのものではないので、 を使用しようとしています。displayblockdivinitial
4

2 に答える 2

33

initial「特定の要素の特定のプロパティのデフォルト値」を意味するものではありません。これは、「仕様で定義されている特定のプロパティのデフォルト値」を意味します。の初期値displayは、ここで述べたように、ではinlineありません。これは、適用する要素の種類に関係ありません。既に述べたように、IE はキーワードをサポートしていません。blockinitial

要素をブロックとして表示する場合は、 を使用しますdisplay: block。インラインで表示したい場合は、 を使用しますdisplay: inline。ブラウザのデフォルトを使用する場合は、プロパティをまったく設定しないでください。display

于 2013-09-17T13:52:32.087 に答える
0

これはどういう意味ですか？

このcssはdivタグだけではありません

display:initial は CSS3 であり、IE10 ではサポートされていません。継承元となる表示ルールが指定されていない場合は、display:inline にフォールバックします。

display:block;
display:initial;

フォールバック display:block を提供します。

于 2013-09-17T13:35:28.247 に答える