Question

我无法将角落图像定位到图像上。具有少量背景图像的跨度应位于图像顶部的左上角。

这是我的代码：

<div id="wrapkon">
<span style="width: 4px; height: 30px;display:block;position:absolute;top:0px;left:0px; background-color:#000;background: url(../images/konboxleft.png) no-repeat;"></span>
    <a target="_blank" href="/link/11"><img style="width:125px; height:125px;" src="image.jpg" alt="21883"></a>
div>

Answer 1

看看这里：http://jsfiddle.net/jdmiller82/F8ZPG/

您需要设置相对于#wrapkon的位置。

另外，top和left值不应该是px。

Answer 2

使用position: absolute;时，父母需要position: relative;。

Answer 3

您应该使用<div id="wrapkon"> position: relative样式。

Answer 4

检查以确保wrapkon具有位置：相对于自身，或者您绝对定位的跨度不会出现在其中。请参阅：http://css-tricks.com/absolute-positioning-inside-relative-positioning/

HTML＆amp; CSS帮助定位图像角落

4 个答案: