Modal z-index issue. Potential Solution.

Created by: pmsaue0

I first experienced the modal content displaying beneath the .modal-backdrop scrim in IE7, but I have since seen weird behavior in Chrome.

The problem, in essence, is that .modal and .modal-backdrop are not always siblings with similar attributes. In a recent project I had a deeply nested .modal and there were custom z-indexings elsewhere on the page. Thus, incorrect z-indexing.

I've created a jsFiddle: http://jsfiddle.net/ATeaH/8/ to illustrate the busted and fixed behavior.

Hope this is useful.