appendToBody

If set to true, this setting will move the underlying DIV element to be child of the BODY, causing the window to be rendered at this level too. The default value is false.

By setting this option you can ensure that the Window does not get clipped by its parent elements, and all calculations required by the center, resize, move and other operations are done with respect to the browser's window.

<div class="container">
    <div id="window">I am a child of the BODY!</div>
</div>

<script type="text/javascript">
    jQuery(function($) {
          $("#window").shieldWindow({
                 appendToBody: true
          });
    });
</script>