javascript - 获取元素位置/偏移量

Question

我有一个带有图像的表格，我需要在每个图像的角落添加一个图标（以便图标的中心与角落匹配）。我设法使用 css 相对位置来做到这一点，但由于图标部分位于单元格之外，它们会弄乱表格。

现在我正在尝试将图标添加到表格之外，并从那里设置它们的位置。但是，我想避免硬编码图像的位置，并即时确定它。但是 using.offsetLeft和 jQueryoffset()都返回 0，显然是因为元素是自动定位的。在这种情况下真的没有办法确定元素的确切位置吗？

Answer 1

用js让它变得更长更复杂，我建议你用css来做，对于图标的问题，你可以使用overflow:hidden，这样图标就不会显示在单元格之外

例如这里：http: //jsfiddle.net/CdLEm/

<div id="container">
    <div id="corner"></div>
</div>


#container {
    overflow:hidden;
    position:relative;
    height:200px;
    width:200px;
    border:1px solid #222;
}
#corner {
    position:absolute;
    left: -13px;
    top:-13px;
    border-radius:50%;
    background:#FF0000;
    width:30px;
    height:30px;
}