jQuery UI Dialog Z-Index

by Kyle Mitofsky

HTML

<script src="http://bootstraptour.com/assets/js/bootstrap-tour.js"></script>
<link rel="stylesheet" href="http://bootstraptour.com/assets/css/bootstrap-tour.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
<div id="dialog">
    <div id="content">
        Hello, World!
    </div>
</div>

CSS

#content {
    background: red;
    color: blue;
    z-index: 0 !important;
}

JavaScript

$("#dialog").dialog();