在顶部图像上的DIV内添加文本

Question

我正在尝试在图片顶部的Div中心添加文字“Post”，但它会在图片旁边添加：

HTML：

<div id="Post">
    <span  class="Post">Post
        <img src="images/ask_post.png" />
    </span>
</div>

CSS：

#Post {
    position:absolute;
    background-image:url('../images/ask_post.png') no-repeat;
    left:741px;
    top:157px;
}

Answer 1

看起来你正在调用图像两次。一旦进入css并再次进入div。去掉       

Answer 2

首先从div元素中删除图像，文本不会在该图像的顶部，只有背景。其次，使用background properties来玩，直到它看起来像你想要的那样。

我的猜测是您需要调整background-size或background-position。

<div id="Post">
    <span  class="Post">Post</span>
</span>

查看background-size:cover;是否符合您的要求。您可能还需要调整div的height和width以获得您想要的内容。