如何让img作为父元素相对定位,然后让一些小div作为子元素绝对定位?

img是单标签,而我想把它作为父元素相对定位,让里边的内容根据它来确定位置。

<body>

 <img src="imgs/bg-2-1.png" style="position:relative;">
 <div style="position:absolute;"></div>
 <div style="position:absolute;"></div>
 <div style="position:absolute;"></div>
 <div style="position:absolute;"></div>

</body>

我是这么写了,可是下边div是根据body作为父元素来定位的,有没有办法让div根据img绝对定位。

阅读 9.4k
2 个回答

外面套层DIV呗,IMG连伪元素都用不了,还折腾单标签

外面套一层:

<div style="position:relative;">
    <img src="#" />
    <div style="position:absolute;"></div>
    <div style="position:absolute;"></div>
    <div style="position:absolute;"></div>
    <div style="position:absolute;"></div>
</div>

外面的 div ,你可以用 float 或者其它样式,做到跟 img 一样大,如果你想,但是这已经无所谓了吧。

关键点是,你想要的效果是什么?( relative 的目标是谁只是手段,不一定一定要是 img 的)。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏