2010-11-22 28 views
-1

Ich möchte einen Rabattbetrag, der aus einer Datenbank kommt, auf ein Bild schreiben. Ich habe ein Bild wie genommen:Text auf ein Bild schreiben

<div style="height: 158px; width: 210px; float: left; position: relative;"> 
    <a id="aproduct" runat="server"> 
    <asp:image id="pimage" runat="server" width="210" height="158" border="0" /> 
    </a> 
    <asp:Panel ID="Panel1" runat="server"> 
    <asp:image id="discountTag" style="position: absolute; top: 0; right: 0;" 
       border="0" src="images/PriceTag.png" alt="" 
       height="35px" width="35px" /> 
    </asp:Panel> 
</div> 

Ich mag discountTag Bild zeigen, als Hintergrund zu <td> und zeigt Rabattbetrag in einem Etikett.

Ich versuche, für diese, aber wenn ich das tue das große Bild, auf das ich mein discountTag Etikett zeigte, nicht richtig ausgerichtet zu werden. Ich möchte das o/p wie großes Bild auf welchem ​​discountTag Bild auf welchen Rabattbetrag. Kann jemand das tun?

+0

Haben Sie ein Wasserzeichen auf das Bild wollen, oder wollen Sie einfach einen anderen Wert beiseite Ihr Bild? –

Antwort

0

Die Frage ist nicht sehr klar Neha. Bitte erläutern Sie, was Sie erreichen möchten.
Wenn Sie versuchen, etwas wie Wasserzeichen auf Bild zu bekommen, könnte dies link Starter für Sie sein.

1

Sie können das große Bild als Hintergrund des div-Element, dann die absolute Positionierung verwenden den Rabatt zu platzieren, wo immer Sie wollen. Beispielcode:

<div id="pnlBigImage" runat="server" style="position: relative; background-image: url(images/Penguins.jpg); width: 500px; height: 375px;"> 
    <span id="lbDiscount" runat="server" style="position: absolute; right: 25px; bottom: 25px; width: 100px; height: 25px; background-color: white;" /> 
</div> 

Und in dem Code-behind:

lbDiscount.InnerHtml = "value from database here..."; 

Der wichtigste Teil ist die tatsächliche Breite und Höhe des großen Bildes als die Breite und Höhe des div-Elements setzen sonst wird es nicht richtig ausgerichtet sein.