透明なdivをtdまたはtr要素に作成

Question

私はテーブルを持っていますが、その時点でアクセス不可能であることを示すために、透明なdivを行全体に設定したいと考えています。ここで

が私のテーブルからの私の行です：

<tr id="post_1998"> 
    <td id="post_1998_image"> 
    ...content... 
    </td> 
    <td class="description"> 
    ...more content... 
    </td> 
    <td class="buttons"> 
    ...even more content... 
    </td> 
</tr> 

おそらく次のようなものは、透明度を設定することができるだろうが、私はあなたがCSSを構築する方法を知りません。

<tr id="post_1998"> 
    <td id="post_1998_image"> 
    <div class="transparent"> 
    ...content... 
    </div> 
    </td> 
    <td class="description"> 
    <div class="transparent"> 
    ...more content... 
    </div> 
    </td> 
    <td class="buttons"> 
    <div class="transparent"> 
    ...even more content... 
    </div> 
    </td> 
</tr> 

ありがとう！

Answer 1

CSSでZ-インデックス値を使用します。 Google検索で簡単に見つかる適切なCCSSコードを使用して透過divを作成し、そのdivのZ-インデックスを高い値（たとえば20 - ランダムな選択肢）に設定します。 divを他のコンテンツに置きます。

（メモリから）透過性を達成するには、ブラウザごとに異なる2つの設定が必要です。

いくつかの可能なヘルプ：

Coding Day - divの透明

Answer 2

「トランスペアレント」CSSクラスを追加してから、透明なPNGを使用するか、透明にするために他のオプションのいずれかを使用できます。 Here is an articleは透明性について少し話しています。

Answer 3

は、その上の透明性を持つ空のPNG画像を作成することは、（それはほとんどすべてのリソースを取る）1つのピクセルで1つのピクセルです。ここで

は透明divのためのCSSの例です：

#transparent 
{ 
    position: absolute; 
    z-index: 100; 
    background-image: url('transparent_image.png'); 
    background-repeat: repeat; 
} 

あなたもそれにいくつかの次元を与える必要があります（私はあなたのテーブルの大きさが何であるかを知らないので、いずれかを入れずどこでしたはページにあります）。