如何在圖片上貼標籤

我試圖尋找一種可能的解決方案，但我還沒有找到。你能幫我解決如何在圖片上添加文字嗎？下面是我的代碼，我想要lblWelcome和lblUsername來過來的圖像。如何在圖片上貼標籤

<img alt="Logo" src="../Resources/Images/Header.gif" style="height: 70px; width: 1000px;"/> 

    <asp:Label ID="lblWelcome" runat="server" Text="Welcome " CssClass="HeaderMenuText"></asp:Label> 

    <asp:Label ID="lblUsername" runat="server" CssClass="HeaderMenuText" Text=""></asp:Label>

會很高興，如果有人能幫助我。

TIA，蘇

來源

2010-08-05 Sunitha

另一種方式可以通過設置圖像作爲元素的背景圖像和你的文本作爲子元素例如

<div style="background-image: url(../Resources/Images/Header.gif);height:70px;width:1000px;" >  
    <asp:Label ID="lblWelcome" runat="server" Text="Welcome " CssClass="HeaderMenuText"></asp:Label> 

    <asp:Label ID="lblUsername" runat="server" CssClass="HeaderMenuText" Text=""></asp:Label> 
    </div>

來源

2010-08-05 07:18:50

非常感謝。這服務於我的問題。 – Sunitha 2010-08-05 09:03:53

使用CSS喜歡如下：

<style type="text/css"> 

.lblposition { 
    position:absolute; 
    left:789px; 
    top:30px; 
    height: 21px; 
    width: 65px; 
} 
</style>

使用該CSS在標籤象下面這樣：

<asp:Label ID ="lbl" runat="server" Text="Search" BackColor="Red" ForeColor="Blue" CssClass ="lblposition"></asp:Label>

來源

2012-04-09 06:43:43

-1

<table> 
    <tr> 
     <td style="background-image:url("Images/image1.jpg"); height:20px; width:20px;"> 
      <asp:label ID="Lbl1" runat="server" Text="" Fore-color="Red" /> 
     </td> 
    </tr> 
</table>

來源

2014-08-31 10:28:28 sat

如果你對你的方法提供了一些額外的評論，這將是很好的:) – 2014-08-31 10:38:05

表是有限制圖像的位置，並獲得相同的標籤。在div的情況下也需要類似的方法。 – sat 2014-08-31 15:27:51

如何在圖片上貼標籤

回答

相關問題