Css 如何在图像上设置文本？

如何在图像上添加文本？我总是收到下面的图片？是否有任何样式可以使标题和描述符位于图像上方而不是下方

  <div class="row">
        @foreach (var banner in Model.SportBanners)
        {

       <a href="@banner.LinkTo">
       <img id="resize" src="@banner.BannerPath" alt="" />
       <div class="@banner.ClassTag">

        </div>
        </a>
       <div class="image" style="">
        <h1>
        @MvcHtmlString.Create(Html.Encode(banner.Title).Replace("-", "<br />"))
     </h1>
      <br>
    <p> @MvcHtmlString.Create(Html.Encode(banner.Description).Replace("-", "<br />"))</p>
    <br>
    <br>
    </div>
    }
    </div>

@foreach（车型中的var横幅。SportBanner）
{
@MvcHtmlString.Create（Html.Encode（banner.Title）.Replace（“-”，“
”）


@MvcHtmlString.Create（Html.Encode（banner.Description）。替换（“-”，“
”）





}

您可以使用定位

设置包含元素的

位置：相对

设置要控制的任何内部元素的
位置：绝对
，超出默认行为。然后，
top
、
right
、
bottom
和
left
将允许您将此元素定位到包含div的任何位置

这将帮助您根据HTML定位使用
img
标记的位置（允许CMS驱动的ALT等），而不是将它们设置为背景图像，这将需要详细的类或内联样式标记

请参阅以获得实现此目的的代码的简化版本（删除CMS后端内容）。我在容器上添加了一个空白，以演示位置绝对值是如何相对于设置了位置相对值的DOM树上的下一个元素的，因为这可能会非常混乱
是的，有一个，也许您应该阅读有关图像的
和
，然后使用CSS定位图片我想如果你使用CSS将你的图片设置为带有文本的标签的背景图片。请用输出HTML和CSS的示例演示。