将 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;
}