Как создать невидимый элемент размером с точку на муссауне и заставить его всегда сохранять позицию по отношению к своему создателю?

Question

Таким образом, у нас есть <p class="ex" id="grumble3">button</p>, который мы хотим установить таким $('#grumble3').mouseup(function(){, который бы создавал div размером с точку поверх точки вверх мыши.И этот новый div всегда должен быть «сверху» своего элемента-создателя (то есть в случае событий изменения размера или изменения html тела).Возможна ли такая вещь и как это сделать?

Answer 1

Да, это возможно с использованием метода jQuery(selector).css() и правила css z-index. У тебя будет что-то вроде этого:

$('#grumble3').mouseup(function(){
    var elemZIndex = $(this).css('z-index');
    var elemPos = $(this).offset();

    $('body').append('<div class="new" style="position:absolute; left:' + elemPos.left + 'px; top:' + elemPos.top + 'px; z-index:'+ (elemZIndex+10) +'">&nbsp;</div>');

});

Answer 2

$('#grumble3').mouseup(function(){
var elemZIndex = $(this).css('z-index','100');//Making SureThat this element stays on top
var elemPos = $(this).offset();

$('body').append('<div class="new" style="position:absolute; left:' + elemPos.left + 'px; top:' + elemPos.top + 'px; z-index:'+ (elemZIndex+10) +'">&nbsp;</div>');});