Получение позиции/смещения элемента

Question

У меня есть таблица с изображениями, и мне нужно добавить значок в угол каждого изображения (чтобы центр значка соответствовал углу). Мне удалось сделать это с относительным положением css, но поскольку значки частично находятся вне ячеек, они испортили таблицу.

Теперь я пытаюсь добавить значки за стол и установить их положение оттуда. Тем не менее, я хотел бы избежать жесткого кодирования позиций изображений и определить его на лету. Но используя .offsetLeft и jQuery's 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; 
}