JavaScript/jQuery의 오버레이 및 이미지

X = 100 & Y = 100에서 16x16 픽셀 이미지를 표시하려하지만 막혔습니다. 이미지는 페이지의 상단에 표시됩니다. 위쪽 및 왼쪽 속성을 변경하면 아무 것도 수행하지 않습니다.JavaScript/jQuery의 오버레이 및 이미지

무엇을해도 이미지는 0,0 위치에 표시됩니다. 당신이 top 및 left 위치에 대한 단위를 지정하지했기 때문이다

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:" />');

출처

2011-12-25 Alex Guerin

일반 JavaScript와 jQuery가 섞여있는 이유가 있습니까? 어떤 이유로 든 불필요하게 복잡해 보입니다 ... –

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

출처

2011-12-25 22:37:43

흠, 어쩌면 이것은 지나친 단순화이다, 그러나 이것은 당신이 요구하는 무엇을 달성해야합니다

을

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

코드 샘플에서 상위 div 요소의 생성 코드가 누락되었지만 위의 코드가 모두 필요합니다.

도움이 되길 ...

출처

2011-12-25 22:41:23

고마워요. –

JavaScript/jQuery의 오버레이 및 이미지

답변

관련 문제