使用 div 作为定义列表的背景图像？

Question

这可能是之前已经问过的问题，但我在上面找不到任何东西，而且有点奇怪，所以我想我会在这里问。

我的问题是：是否可以将div 用作另一个对象的背景图像，在这种情况下是定义列表中的dt 标记？

我会再解释一下。我有一个在我的页面上组织待办事项的定义列表，dt 是任务的标题，dd 是任务的描述。我还有一个div 浮动在dt 的左侧，样式看起来像一个蓝色圆圈，我将其用作未读指示器。这在列表中的第一个 dt 和 dd 对上运行良好，但随后会导致其他对在其下方全部粉碎。

我也知道在列表中使用 divs 是不受欢迎的，所以我理想的解决方案是使用 div 作为列表的背景图像，有点像 Chris Coyier 在这里所做的：@ 987654321@ 带图片。如果没有，图像也可以，我只是想知道是否有任何方法可以使用 div 作为另一个元素的背景图像。非常感谢任何和所有帮助！

Answer 1

也许可以使用绝对定位的 div、固定大小和低 z-index 将其放在 dt 后面。

但是，我有点困惑为什么你会这样做，而不是直接将背景图像添加到定义标签。