CGI(更新記録)で写真の上にロゴ

質問

CGIで更新記録をつけています。
写真も同時に掲載可能なタイプなのですが、その写真の上に"新作"というロゴを載せたいと思います。
ただ、その写真はもちろん今後旧作になっていくので写真自体には加工しないで掲載できればと考えています。
単に、単一のhtmlファイルだったらレイヤーを使って座標を固定すればいいと思うのですが、どんどんデータが増えるCGIだとそうも行かないですよね。
どうにかして画像の上にロゴを持ってくる方法は無いでしょうか?

回答No.1

steel_gray

> 単一のhtmlファイルだったらレイヤーを使って座標を固定すればいいと思うのですが、どんどんデータが増えるCGIだとそうも行かないですよね。

CGI側で新作であるかどうかという判定ができて、
「新作」というテキストかロゴ画像の表示ができて
ブロックには区別として違うclassをつけるとかできるなら
CSSでブロックごとに座標固定でロゴを重ねる事もできると思います。

例
<style type="text/css">
.newItem{
position:relative;
}
.newItem p{
margin:0;
position:absolute;
top:4px;
left:4px;
}
</style>

<div class="article newItem">
<img src="画像１" width="266" height="400">
<p>新作</p>
</div>
<div class="article newItem">
<img src="画像２" width="100" height="100">
<p>新作</p>
</div>
<div class="article">
<img src="画像３" width="300" height="200">
</div>