javascript - z-index をページに合わせてスケーリングしないようにする方法

Question

スケーリングではなくページに合わせて z-index を作成する方法 svg から配置する必要がありますが、私の svg はページに収まっています。

ここに私のdivコードがあります

<div   id="homeScreen" class="grey_box"  style="background-color:#CDCDCD;
    position: absolute;
    left: 0px;
    top: 8px;
    width: 373px;
    height: 537px;
    visibility: visible;">
 <p class="hello" >E-Number<input id="tags" /></p>
<p class="hello2">Mat-Number<input id="tags1" /><p>
<p class="hello3">Tech. ID<input type="text"  name="fname"><p>
<p class="hello4">RIS<input type="text"  name="fname"><p>
<p class="hello5"> <button onclick="get_action_home()" style="width: 100px">Continue</button><p>
<p class="hello6">Βάση δεδομένων: Τοπικός</p> 
<p class="hello7">Σύνδεση: κομμένη</p> 
<p class="hello8">Κατάσταση βάσης δεδ.: Μη επίκαιρη</p> 

</div>

ここに動的に配置するJavaScriptがあります

function adjust()
{

            var DMMScreen = document.getElementById("DMM");
            //new screens dinamic 
            var homeScreen = document.getElementById("homeScreen");



            homeScreen.style.height = DMMScreen.getBoundingClientRect().height;
            homeScreen.style.width = DMMScreen.getBoundingClientRect().width;
            homeScreen.style.top = DMMScreen.getBoundingClientRect().top;
            homeScreen.style.left = DMMScreen.getBoundingClientRect().left;
            //

これがjqueryから見つけたものですが、修正方法がわかりません

$(window).resize(function() {
    $("#width").text($(this).width());
    $("#height").text($(this).height());
});

そして、ここにそれが何をするかのリンクがあります [リンク] ( https://www.dropbox.com/s/ebsha1t091ewk40/good2.png ) そして、ここにウィンドウを変更したときの悪いところがあります [リンク] ( https://www .dropbox.com/s/b7n4nn3gg2gb6fn/good.png )