☰

z-indexの最小値と最大値は？質問する

tag-icon • tag-icon html css z-index
z-indexの最小値と最大値は？質問する

HTML ページに div があります。何らかの条件に基づいてこの div を表示していますが、マウス カーソルを合わせた HTML 要素の背後に div が表示されています。

z-index の 0 〜 999999 のすべての値を試しました。なぜこのようなことが起こるのか、誰か教えてもらえますか?

CSS の Z-INDEX プロパティには最小値または最大値はありますか?

.divClass {
     position: absolute; 
     left: 25px; 
     top: 25px; 
     width: 320px;
     height: 300px; 
     z-index: 1000; 
}
<table cellspacing="0" cellpadding="0" width="100%">
  <tr>
    <td>
      <asp:HyperLink ID="lnkProgram" runat="server"></asp:HyperLink>
    </td>
  </tr>
  <tr>
     <td>
         <div class="divClass">
           Some Data
         </div>
     </td>
  </tr> 
</table>

.divClassjQuery を使用してonclickで div を表示および非表示にしています<asp:hyperlink>。

ベストアンサー1

http://www.w3.org/TR/CSS21/visuren.html#z-index

'Zインデックス'

値: auto | <整数> | inherit

http://www.w3.org/TR/CSS21/syndata.html#数値

一部の値タイプには、整数値 (<integer> で示される) または実数値 (<number> で示される) があります。実数と整数は、10 進表記でのみ指定されます。<integer> は、1 つ以上の数字 (0 ～ 9) で構成されます。<number> は、<integer> であるか、0 個以上の数字の後にドット (.) が続き、その後に 1 つ以上の数字が続く形式です。整数と実数には、どちらも先頭に符号を示す "-" または "+" が付く場合があります。-0 は 0 と同等で、負の数ではありません。

整数または実数を値として許可する多くのプロパティは、実際には値をある範囲に制限し、多くの場合は負でない値に制限することに注意してください。

つまり、基本的に CSS 標準では z-index 値に制限はありませんが、実際にはほとんどのブラウザがそれを符号付き 32 ビット値 (-2147483648 から +2147483647) に制限していると思います (64 は少し大きすぎますし、最近では 32 ビット未満を使用するのは意味がありません)。

おすすめ記事