如何使JavaScript窗口停留在所有其他窗口之上？

Question

我希望我的JavaScript窗口（日期選擇器）位於所有窗口的頂部（直到我選擇日期或關閉它）。要求指導

感謝Adv！

P.s：我是JavaScript新手。

Answer 1

你不能強制一個窗口通過JS強加在其他窗口之上，你也不應該。

Answer 2

如果Date-picker窗口引用html中的元素，那麼這應該做到這一點。

CSS日期格

z-index: 20; 

CSS的其他分區

z-index: 10; 

然後你只顯示或隱藏日期DIV，它會永遠留在上面。

你需要它來顯示，但不是在上面，z-index更改爲比其他分區

較低的值。如果您沒有訪問所有div的Z-index設置，無論是檢查這個帖子，How can you figure out the highest z-index in your document?，看看你可以嘗試找到最高或簡單地設置您的日期選擇器，即z-index: 10000。

UPDATE

如果你想有一個模式對話框彈出DIV，這是該

演示開始：http://codepen.io/anon/pen/BLvcK

的jQuery（來源：http://jqueryui.com/dialog/#modal）

<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> 
    <script src="//code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
    <script> 
    $(function() { 
    $("#dialog-modal").dialog({ 
     height: 140, 
     modal: true 
    }); 
    }); 
    </script> 

HTML

<div id="dialog-modal" title="Basic modal dialog"> 
    <p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p> 
</div> 

<p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p>