Question

有没有办法相对于img标签定位元素？

当然我可以在div中创建这个图像，然后相对于这个div定位元素。但是，让我们说图像已经定位，我不想添加其他元素。

以下是一个示例：http://jsfiddle.net/bortao/MQf3D/

蓝色div应位于图像的左上角（0px / 0px）

HTML

<img class="im" /> 
<div class="di">Absolute</div>

CSS

.im {
    position: relative;
    left: 20px;
    top: 60px;
}

.di {
    position: absolute;
    left: 0px;
    top: 0px;
    border: solid 1px blue;
}

Answer 1

您实际上可以使用图像的类作为图像的父div和文本：

<div class="outer">
    <div class="im">
        <img src="http://placekitten.com/200/300"> 
        <div class="di">Absolute</div>
    </div>
</div>

小提琴：http://jsfiddle.net/MQf3D/2/

相对于图像的绝对位置

1 个答案: