Наложение и изображение в JavaScript / jQuery

Question

Я пытаюсь показать изображение 16 на 16 пикселей при X = 100 и Y = 100, но я застрял.Изображение должно отображаться поверх всего, что находится на странице.Изменение верхнего и левого свойств ничего не делает.

Что бы я ни делал, кажется, что изображение появляется в позиции 0,0.

shimDiv.style.position = 'absolute';
    shimDiv.style.top = 100;
    shimDiv.style.left = 100;
    shimDiv.style.width = "1000px"; // todo: change me!
    shimDiv.style.height = "1000px"; // todo: change me!
    shimDiv.style.zIndex = 3;
    document.body.appendChild(shimDiv);
    $("#shim").append('<img id="icon" src="../Images/info.png" alt="todo:" />');

Answer 1

Хм, может быть, это упрощение, но это должно выполнить то, что вы просите:

$('body').append('<img id="icon" src="../Images/info.png" style="position: absolute; top: 100px; left: 100px; width: 1000px; height: 1000px; z-index: 1000;" />');

В вашем примере кода кажется, что код создания для родительского элемента div отсутствует, но вышекод должен быть всем, что нужно.

Надеюсь, это поможет ...

Answer 2

Это потому, что вы не указали единицы измерения для позиций top и left:

shimDiv.style.top = '100px';
shimDiv.style.left = '100px';