0

table-row-group、table-header-group、table-footer-group、table-row、table-column-group、table-column、table-cell、および table-caption 要素に対する「position:relative」の効果未定義です。

ソース: http://www.w3.org/TR/CSS21/visuren.html#propdef-position

:before または :after セレクターを使用して、表示プロパティを table-cell に設定した相対的な位置付けのアイデアはありますか?

.someclass{display: table-cell; position: relative; z-index: auto;} 
/*this won't work*/
4

2 に答える 2

1

IMHO:テーブル要素でCSS3 をサポートするブラウザーでは動作する はずです。現在は Firefox でのみ動作します。position:relative

ソース:

https://www.w3.org/TR/css-position-3/#valdef-position-relative

https://www.w3.org/TR/css-position-3/#property-index

プロパティ名:適用対象:およびpositionを除くすべての要素table-column-grouptable-column

https://developer.mozilla.org/en-US/docs/Web/CSS/position#relative 「コンテキストのスタック」についてですが、それはこの質問の主題ではありません

この値 ( position: relative) は、z-index の値が auto でない場合に新しいスタック コンテキストを作成します。table-*-grouptable-rowtable-columntable-cell、および要素への影響table-captionは定義されていません。

関連する質問:

  1. tbody の上にオーバーレイ
  2. ほとんどのブラウザーのバグ?: 'tbody'、'tr'、'td' の相対的な位置を無視しますか?
于 2018-10-03T10:19:57.137 に答える