html - CSS 元素不显示在图像上

Question

我敢打赌这可能是愚蠢的，我正在尝试将绝对元素放在图像上，但它没有出现。

<div class="circle" style="position: absolute; top: 200px; left: 100px;"></div>

                    <img src="images/madison-siteplan.png" class="siteplan" />

这是圈子的注意力 CSS:

.circle {
            border-radius: 50%;
            width: 100px;
            height: 100px;
            color: red;
            }

Answer 1

它没有边框或轮廓，因此不会显示边缘。

它没有背景颜色，所以它是透明的。

里面没有内容，所以前景色没有实际作用。

更改以上任何一项。