düzenlendi görüntü elemanı bir div içine doğru konumda yerleştirilmeyen

Birkaç div böyle örneğin unsurları olan bir HTML vardır: JavaScript kodundadüzenlendi görüntü elemanı bir div içine doğru konumda yerleştirilmeyen

<body id="theBody"> 

    <div id="box1"> 
    <div id="boxLeft"></div> 
    <div id="boxRight"></div> 
    </div> 
    ...

Böyle bir şey yapın:

var theLeftSide = document.getElementById("boxLeft"); 

newImg = document.createElement("img"); 
newImg.src = "image1.png"; 
topPos = 200; 
leftPos = 200; 
newImg.style.top = topPos + "px"; 
newImg.style.left = leftPos + "px"; 
newImg.setAttribute("width", "60px"); 
theLeftSide.appendChild(newImg);

Görüntünün boxLeft içinde doğru yerde (200, 200) gösterilmesini beklerim, bunun yerine sayfanın sol üst köşesinde gösterilir.

Burada yanlış olan ne yapıyorum?

Bu konuda herhangi bir yardım için teşekkür ederiz.

kaynak

2016-04-08 TJ1

Ben JavaScript acemi değilim, sen ayrıntılı misiniz göreli – j08691

için pozisyon ayarı deneyin. – TJ1

'newImg.style.position =" relative "; – j08691

Görüntüye mutlak konumlandırma uygulamanız gerekir. Bu css ekleyerek

#boxLeft img { 
    position: absolute; 
}

veya

newImg.style.position= "absolute";Demo

kaynak

2016-04-08 15:07:42 isherwood

CSS'de: div { konum: mutlak; üst: 0; Sol: 0; Sağ: 0; alt: 0; } Mutlak olması için div pozisyonuna ihtiyacım var. – TJ1

Sayfadaki her div öğesi için mutlak konumlandırma uyguluyor musunuz? – isherwood

Evet, her div için mutlak konumlandırmayı uyguluyorum. – TJ1

Dene:

#boxLeft{ 
    position: relative; 
} 

img{ 
    position: absolute; 
}

kaynak

2016-04-08 15:09:30

Belki fotoğraf üzerinde daha spesifik bir seçici .... – isherwood

Evet, tabi ki, ama o bir sınıf veya görüntü için bir kimlik yok. –

düzenlendi görüntü elemanı bir div içine doğru konumda yerleştirilmeyen

cevap

İlgili konular