Показать предупреждение о наложении div

Question

Я отключил всю страницу с помощью div-over div и я хочу показать предупреждающее сообщение на этом оверлейном div. Пожалуйста, дайте мне знать, как с этим справиться. Если я добавлю add div после наложения div, он будет скрыт. Я хочу получить это предупреждающее сообщение на этом оверлейном div.

<div id="overlay"></div> 

#overlay { 
    background-color: rgba(0, 0, 0, 0.2); 
    z-index: 999; 
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 100%; 
    width: 100%; 
    height: 100%; 
    display: none; 
} 

$("#overlay").show(); 

Благодаря

Answer 1

Я попробовал этот fiddle

добавлены некоторые HTML, сделал родственный для наложения DIV

<div id="overlay"></div> 
<div id="warning"> 
I am a warning 
</div> 

применяется почти такой же CSS на #warning кроме z-index

#warning{ 
    width:200px; 
    height:20px; 
    border:solid 1px red; 
    position:absolute; 
    display:none; 
    z-index:1000; 
} 

и использовали callback наложений для show предупреждения DIV

$("#overlay").show(function(){ 
    $('#warning').show(); 
});