HTML&;CSS帮助定位图像角

HTML&;CSS帮助定位图像角,html,css,Html,Css,我无法将角图像定位到图像的边缘。具有少量背景图像的范围应位于图像顶部的左上角 这是我的密码: <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;"></spa

我无法将角图像定位到图像的边缘。具有少量背景图像的范围应位于图像顶部的左上角

这是我的密码:

<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>

div>
看看这里:

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


此外,顶部和左侧的值不应为px。

当您使用
位置:绝对,您需要
位置:相对

您应该给您的
一个
位置:相对
样式。

检查以确保wrapkon本身具有位置:相对,否则您绝对定位的跨度不会出现在其内部。见此: