Question

我正在使用C＃创建一个网站，我需要在图像上添加内容。图像不应设置为背景图像，除非应在 img 标记内设置。每当我尝试添加内容（例如，表格或标签）以显示在图像顶部时，它就会出现在图像之前或之后，而不是出现在图像本身上。如何使内容显示在我添加的图像上？请帮忙。

这是我的代码：

<form id="form1" runat="server">
    <div id="main">
        <div id="bg2">
            <img src="Pics/slide.png" style="width:100%; height:100%">
                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            </img>
        </div>
    </div>
</form>

Answer 1

将position:relative;添加到包含元素，例如您的文字bg2和position:absolute;。

这将从文档流中取出内容，并允许您相对于父相对位置元素定位文本，在本例中为bg2。

例如：

#bg2
{ 
    position:relative; 
}

#bg2 input[type="text"] 
{ 
    position:absolute; 
    top:50%; 
    left:50%; 
}

如何在C＃中添加图像顶部的内容

2 个答案: