Bir elementi başka bir yere taşımak

settingsBox öğesinin altında değil de tuval üzerinde gezinmesini isterim. İstenilen sonuca ulaşmak için stil sayfamda neler değiştirebilirim?

<!DOCTYPE HTML> 

<html>

    <head>

        

        <script>

function hideSettings() {
    document.getElementById('settingsBox').style.visibility = 'hidden';
}

        </script>

    </head>

    <body align="center">
        
            This site requires html5 etc
        
        <div id="settingsBox" onclick="hideSettings()">
            Settings go in here. Click to hide
        </div>      
    </body>

</html>
0

1 cevap

İlk olarak, biraz yazım hatası yaptınız, pozisyon yazdınız: fullCanvas elementiniz için abolute, şöyle olmalıdır:

#fullCanvas {
    position: absolute;
   //your other styles
}

ve z-dizininin çalışması için, ilgili elemanların konumunu mutlak, sabit ya da göreceli olarak ayarlamanız gerekir, bu, settingsBox'unuzu şu konuma ayarlamanız gerektiği anlamına gelir:

#settingsBox {
    position: relative;
   //your other styles
}

bundan ayrı kodun bana iyi geldiği

3
katma
Bunu ayar kutusuna eklemeyi deneyin: position: mutute; üst: 0; sol: 0;
katma yazar ximi, kaynak