내 JavaScript 창 (날짜 선택 도구)을 모든 창 위에 놓기를 원합니다 (날짜를 선택하거나 닫을 때까지). 지침이 필요합니다.javascript 창을 다른 창 위에 두는 방법?
감사합니다.
P .: 자바 스크립트를 처음 사용했습니다.
내 JavaScript 창 (날짜 선택 도구)을 모든 창 위에 놓기를 원합니다 (날짜를 선택하거나 닫을 때까지). 지침이 필요합니다.javascript 창을 다른 창 위에 두는 방법?
감사합니다.
P .: 자바 스크립트를 처음 사용했습니다.
JS를 통해 다른 창 위에 창을 놓을 수 없으며, 그렇지 않을 수도 있습니다.
날짜 선택 도구 창에서 html 내의 요소를 참조하는 경우이 작업을 수행해야합니다. 다른 사업부
z-index: 10;
에 대한 날짜 DIV에 대한
CSS
z-index: 20;
CSS는 그럼 그냥 표시하거나 날짜 DIV를 숨기고 항상 위에 남아있을 것입니다.
당신이 그것을 보여하지만 위에, 모든 사업부의 Z- 인덱스 설정에 액세스 할 수없는 경우 다른 사업부보다 낮은 값으로 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>
에 비해 높은에 날짜 선택기 요소의 코드 –
없이 20 또는 10로 Z- 인덱스를 지정할 수있는 방법을 다른 – LGSon
div가 Z- 인덱스가 1020이고 div 요소가 datepicker가 653이면 코드가 작동하지 않습니다. –
당신은 당신이 첫번째 장소에있는 CSS에서 설정 코드 –
변경 Z- 인덱스를 업데이트 할 수 있습니다 . 날짜 선택 도구가 항상 맨 위에 있어야 할 가능성이 있으므로 변경할 필요가 없습니다. –