css - ユーザーエージェントスタイルシートによってオーバーライドされたプロパティを表示する

Question

当然のことながら、私はCSSの専門家ではありません。クラスがあります

.hidden{
 display:hidden
}

とdiv

<div class="hidden">
</div>

ただし、ページがレンダリングされるときにdivは非表示になりません。Chromeで計算されたスタイルを見ると、表示プロパティがユーザーエージェントのスタイルシートによって上書きされたと表示されます。なんで？

score 6 · Accepted Answer

6

Css：

.hidden {    
    display: none
}

正しい構文です。

于 2012-04-30T16:23:16.997 に答える

score 6 · Accepted Answer

要素を表示せず、スペースを取りたくない場合は、次のようにする必要があります。

.hidden { display: none; }

ただし、要素を非表示にしたいが、スペースを取り込める場合は、次のようにする必要があります。

.hidden { visibility: hidden; }

例については、この簡単なデモを参照してください。

スタイルがユーザーエージェントによって上書きされていると思うのは、ユーザーエージェントが使用しようとしているスタイルを認識しないためです（無効であるため）。

score 0 · Accepted Answer

display:none代わりに使用してください

または、ブラウザのサポートが大雑把であるvisibility: hiddenかどうかを使用してください。opacity: 0

3 に答える 3