要素を別の要素に浮かべる

Question

要素を別の要素に浮かべる

私は settingsBox 要素をキャンバスの上に置くのではなく、その上に浮かべたいと思います。意図した結果を得るために私のスタイルシートで何を変更できますか？

<!DOCTYPE HTML> 

<html>

    <head>

        

        <script>

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

        </script>

    </head>

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

</html>

0

追加された 28 10月 2011 〜で 10:29 著者 user181351 編集された 28 10月 2011 〜で 10:45

ビュー: 10

源

ro ru fr es pt de hi bn ar tr

1 答え

著者 ximi · Answer 1 · 2011-10-28T10:37Z

まず、あなたは小さなスペルミスを持っています、あなたはpositionを書きました：あなたのfullCanvas要素を廃止しました。

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

z-indexを動作させるには、それぞれの要素の位置を絶対、固定、または相対に設定する必要があります。つまり、settingsBoxをposition：relativeに設定する必要があります。

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

それ以外は、コードは私によく見えます