<div>
I'm not sure if this will work, just guessing. <br />
<br />
$(body).click( function() {<br />
&nbsp; &nbsp; &nbsp; &nbsp;$(&quot;#popup&quot;).css({ &quot;z-index&quot;: -1});<br />
});
</div>


I'm not sure if this will work, just guessing.

$(body).click( function() {
       $("#popup").css({ "z-index": -1});
});

<div>
I'm doing Javascript, not JQuery.
</div>


<div>
&lt;body onclick=&quot;changeZIndex()&quot; &gt;<br />
&lt;/body&gt;<br />
<br />
function changeZIndex()<br />
{<br />
&nbsp; &nbsp;document.getElementById(&quot;p<wbr />opup&quot;).sty<wbr />le.zindex = -1;<br />
}
</div>


<body onclick="changeZIndex()" >
</body>

function changeZIndex()
{
   document.getElementById("popup").style.zindex = -1;
}

<div>
I just added a div with 100% width and 100% height that was one less than the current popup that way when I click that, I can send the new div to the back and the popup to hidden.
</div>


I just added a div with 100% width and 100% height that was one less than the current popup that way when I click that, I can send the new div to the back and the popup to hidden.

<div>
<div class="content wysiwyg-content">
Here's what I am doing... I have an child element that has a z-index of -1 to begin with. &nbsp;Once the parent is clicked, it changes the z-index of the child to 9999 to give it the feel of a pop-up. &nbsp;Now when I click anywhere else on the page besides the parent or the child, I want the z-index of the child to go back to -1. &nbsp;Can anyone provide help with this?<br />
<br />
Thanks,<br />
TWB
</div>
</div>


Here's what I am doing... I have an child element that has a z-index of -1 to begin with.  Once the parent is clicked, it changes the z-index of the child to 9999 to give it the feel of a pop-up.  Now when I click anywhere else on the page besides the parent or the child, I want the z-index of the child to go back to -1.  Can anyone provide help with this?

Thanks,
TWB

How do I change the z-index by clicking anywhere other than on the element?

Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, and social network services using a wide variety of languages and standards, including the familiar HTML, JavaScript and jQuery, ASP and ASP.NET, PHP, ColdFusion, CSS, PHP, Flex and Flash, but also the implementation of a broad list of standards including XML, WSDL, SSDL, VoiceXML and many more.

Web Languages and Standards

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.