php - 将 div 定位在图像的一 Angular

Question

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

这是我需要的示例:

这是循环:

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

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

Answer 1

图像的大小无关紧要。你必须给容器 div 一个 position:relative 和 Angular 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;
}