0

画像の表を表示する PHP サイトがあります。各画像には、ユーザー定義の「背景」があります。したがって、ユーザーが「赤い背景が欲しい」と言うと、すべての画像が 10 ピクセルの色の境界線で表示されます。

また、静的な背景です。

これを実現するために、最初に静止画像をエコーし​​、次にユーザー カラー画像、次にテーブル画像をエコーし​​ます。

echo "<img src='Static.jpg' width='60' height='60' />";
echo "<img src='User$userColor.jpg'  width='60' height='60' />";
echo "<img alt='TableImage' width='50' height='50' />";

現在、私は後者の 2 つの画像にこれを添付してプッシュアップしています。

style='position:relative; top:-55px; margin-bottom: -55px;'

これは非常にハッキーに思えます。サイズや順序を変更するときに、すべての画像のスタイリングをスキャンして編集する必要がないように、画像をスタックできる素敵な CSS の方法はありますか?

ありがとうございました。

4

2 に答える 2

1

あなたの質問は少し不明確ですが、静止画像の周りに10pxの境界線を作成するために画像を使用する代わりに、境界線が必要な各画像にクラスを追加してCSSを使用しないのはなぜですか？

.staticImage { border: 10px solid <?php print $color; ?>; }

たとえば、必要な境界線の色をCookieに保存できます。

于 2012-05-28T21:42:25.000 に答える
0

CSS：

<img alt='TableImage' width='50' height='50' style="border: 10px solid $userColor"/>
于 2012-05-28T21:40:30.553 に答える