如何在图片上贴标签

我试图寻找一种可能的解决方案，但我还没有找到。你能帮我解决如何在图片上添加文字吗？下面是我的代码，我想要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

如何在图片上贴标签

回答

相关问题