将div定位在图像的角落

Question

所以我想在每个帖子图像的角落放置一个元数据div，但所有图像都是不同的大小。我该怎么做？

以下是我需要的一个例子：

这是循环：

<div id="images">
    <?php wp_get_attachment_image(); ?>
</div>
<div id="date">
    <?php get_the_date(); ?>
</div>

我发布了这个@ wordpress.stackexchange，但他们说要在这里发布

Answer 1

图像的大小无关紧要。您必须为容器div添加position:relative，将角落div position:absolute与top:0和left:0

HTML：

<div id="images"><?php wp_get_attachment_image(); ?>
<div id="date"><?php get_the_date(); ?></div>
</div>

*注意日期在图片标签内！

CSS：

#images{
position:relative;
}

#date{
position:absolute;
top:0;
left:0;
}