0

次のように、1つのtd親タグ内にオブジェクト要素とスパンタグを含むHTMLテーブルがあります。

HTML：

<table class="tableClass">
<tr>
<td class="tdClass"><object data="http://mydata.com"></object><span>My Text</span></td>
</tr>
</table>

これで、テーブルの背景色は＃999になります。基本的に、z-indexingでは、要素を要素の後ろに隠したいのですが、span要素は＃999テーブルの背景の上にある必要があります。どうすればこれを達成できますか？

私のCSS：

.tableClass{
  background: #999;
}
.tdClass object{
  z-index:999;
}

.tdClass span{
  position: absolute;
  z-index: 1; (if I make it -1, it disappears behind the table background...)
}

現在、テキスト付きのスパン要素はオブジェクト要素の上にあります...オブジェクト要素の後ろとテーブルの背景の前に配置したいと思います。

ありがとうございました

4

1 に答える 1

3

.tdClass object少なくともが必要position:relativeです。z-indexそうでないブロックレベルの要素でのみ機能しますposition:static。次のことを試してください。

.tableClass{
  background: #999;
}
.tdClass object{
  position:relative;
  z-index:999;
}

.tdClass span{
  position: absolute;
  z-index: 1;
}

CSS2.1も参照してください。9.9.1スタックレベルの指定：'z-index'プロパティ：

配置されたボックスの場合、「z-index」プロパティは以下を指定します。

  1. 現在のスタッキングコンテキストでのボックスのスタックレベル。
  2. ボックスがスタッキングコンテキストを確立するかどうか。
于 2012-07-31T14:52:07.853 に答える