这可能是之前已经提出的问题,但我找不到任何内容,而且有点奇怪,所以我想我会在这里问。
我的问题是:是否可以使用div
作为另一个对象的背景图片,在这种情况下是定义列表中的dt
标记?
我会再解释一下。我有一个定义列表,在我的页面上组织待办事项,dt
是任务的标题,dd
是任务的描述。我还有一个div
浮动在dt
左侧,看起来像一个蓝色圆圈,我用它作为未读指示符。这可以在列表中的第一个dt
和dd
对中正常工作,但之后会导致其他对在其下方被一起粉碎。
我也知道在列表中使用div
是不受欢迎的,所以我理想的解决方案是使用div
作为列表的背景图像,有点像Chris Coyier在这里做了:http://css-tricks.com/utilizing-the-underused-but-semantically-awesome-definition-list/有图片。如果没有,图像也会很好,我只是想知道是否有任何方法可以使用div
作为另一个元素的背景图像。非常感谢任何和所有的帮助!
答案 0 :(得分:1)
可能使用绝对定位的div,具有固定大小和低z-index以将其置于dt后面。
但是,我有点困惑为什么你会这样做而不只是直接在定义标签上添加背景图片。