7

問題

テーブル要素の上に透明な png 画像を配置する必要があります。

明確化

「場所」とは、画像がテーブルの上に垂直に置かれるのではなく、レイヤーやステッカーのようにテーブルの上に積み重ねられることを意味します。つまり、画像を y 軸で上に移動するのではなく、z 軸で前に移動する必要があります。

環境

私は8 x 6セルのテーブルを持っています。セルにはテキストは含まれていませんが、値を暗示する背景色が含まれています。審美的な理由から、テーブルの上に白いシルエットのデザインを置きたい.

私が試したこと

テーブルをdivでラップし、画像を背景として適用してから、z-indexで前に出そうとしました。

HTML の基本的なデモンストレーション:

<div class="table-foreground">
    <table>
        <tr>
            <td>
            </td>
        </tr>
    </table>
</div>

付随する CSS の基本的なデモンストレーション:

td{
background-color:#000;
}

div.table-foreground{
background-image:url(images/table-foreground.png);
position:relative;
z-index:5;
}

結果

注:科学者は、試行したコードの結果を提供するように要求しました。

視覚的には、何も起こりません。背景としてpng画像を含むdivがテーブルの下にあると推測します。これは、私のコードが十分でないことを示唆しています。

SELECT COUNT(*)を使用する代わりに、IF EXISTS. はIF EXISTS一致を見つけるとすぐにスキャンを停止できますが、COUNT(*)そのカウントを集計するにはテーブル全体を調べる必要があります。

したがって、次のような結果になります: (私は MySQL をあまり使用しないため、構文がよくわからず、あなたの構文をコピーして貼り付けましたが、これは私には適切ではないようです...)

SET keyLength = (LENGTH(key)-1);
WHILE keyLength >=1 DO
    IF EXISTS (SELECT * FROM keytable
               WHERE I ScreeningKey = (SELECT SUBSTRING(key)-,1,keyLength))) THEN
        SELECT SUBSTRING(key)-,1,keyLength INTO bestMatchScreeningKey;

        /*go to step4*/
        LEAVE Step4;
    END IF;
    SET keyLength = keyLength-1;
END WHILE;
4

1 に答える 1

2
  1. テーブルをdivでラップします（位置：相対;）
  2. あなたのテーブルを中に入れてください
  3. 画像を div 内に配置します (位置: 絶対; 上: Y; 左: X;)
  4. テーブル上の必要な場所になるまで、X と Y を変更します。
<div style="position: relative;">
    <table>

    </table>
    <div style="background-image: url('picURL'); position: absolute; top: Y; left: X; width:Xpx;height;Ypx;">
    </div>
</div>
于 2011-07-08T19:17:21.107 に答える