在asp.net中显示图像内的文本

Question

我在一个网格视图中有一张图片，

我想在这张图片里面放置动态文本。我从数据库中获取的文本如下：

<%#DataBinder.Eval(Container.DataItem,"textForImage")%>

但是如何在这个气泡中显示内容？我需要使用哪个控件？

- Chris

Answer 1

你可以将这张图片设置为 div 的 background-image，并将文本放置在 div 中，并使用 CSS 定位。

<div class="bubble">
  <%#DataBinder.Eval(Container.DataItem,"textForImage")%>
</div>

.bubble
{
background-image:url(...);
}

- Curtis

---

谢谢，但我得到了几个小图像的那个对话气泡，当我像这样更改属性时 .bubble { background-image:url('bubble2.png') no-repeat ; } 那么就没有气泡显示。 - Chris

你尝试过 {background-image:url('bubble2.png'); background-repeat:no-repeat} 吗？ - Curtis

@Chris：尝试在 .bubble CSS 中明确指定气泡的宽度和高度。 - Brian

Answer 2

你需要将一个 division 的背景图设置为气泡，然后在该 division 内创建文本。

- EvanGWatkins