HTML＆CSS幫助位置圖像角落

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的位置設置。

此外，頂部和左側值不應在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/