Question

我试图寻找可能的解决方案而我还没找到一个。你能帮我解决一下如何在图像上添加文字吗？下面是我的代码，我希望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，苏

Answer 1

另一种方法是将图像设置为元素的背景图像，并将文本作为子元素 e.g。

<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>

Answer 2

使用下面给出的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>

Answer 3

<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>

如何在图像上放置标签

3 个答案: