Question

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

现在我正在尝试在桌子外面添加图标，并从那里设置位置。但是，我想避免硬编码图像的位置，并在运行中确定它。但是使用.offsetLeft和jQuery的offset()都返回0，显然是因为元素是自动定位的。在这种情况下，真的没有办法确定元素的确切位置吗？

Answer 1

用js制作它更长更复杂，我建议你用css制作它，并且你可以使用溢出的图标问题：隐藏，这样图标不会显示在单元格之外

例如： 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;
}

获取元素位置/偏移量

1 个答案: