0

データベースをチェックし、特定の基準に基づいて画像を返すコードがあります。画像は常に返され、178x134pxで表示されます。画像をセルに取り込むコードはこれです...

<td><?php printAcct(1); ?></td>

左上隅にアイコンが付いた透明な画像があり、透かしのように返された画像の上に配置したいと思います。これを行うための簡単な方法を見つけることができないようです。私が試した難しい方法は、透明/透かし画像を上に重ねたい画像がphp経由で取り込まれるため失敗します。

私はこのウェブサイトでこのコードを見つけました...

<style>

.solid {
   background-image: url('image1.jpg');
   background-repeat: no-repeat;
   width: 178px;
   height: 134px;
   z-index:1;
}

.transparent {
   background-image: url('overlay.png');
   background-repeat: no-repeat;
   width: 178px;
   height: 134px;
   z-index:1000;
}
</style>


<div class="transparent">&nbsp;</div>

これは私がやりたいことを正確に実行しますが、このようにphp呼び出しの周りに透明なdivをラップすると機能しません...

<td><div class="transparent"><?php printAcct(1); ?></div></td>

これを少しトリッキーにする部分は、php呼び出しが画像を返し、（画像に基づいて）特定のリンクをクリックできるようにするという事実です。これは、透かし画像を上に配置する間、維持する必要があります。

私はあまりプログラマーではありませんが、コードをきちんといじくり回すことができるので、助けてくれるか、正しい方向に向けられていただければ幸いです。

ありがとう！

4

1 に答える 1

0

あなたが望むものを達成するためのコードでJS-Fiddleを作成しました。ただし、適切に機能するには DIV が必要です。

http://jsfiddle.net/6uPTa/

コードが上記とどのように異なるかを明確にできる場合は、この回答を編集して変更を提供できます。

編集: A の文字が下にあり、「ここのペット製品」が透かしです。

于 2012-07-11T02:57:27.183 に答える