The z-index is needed for the case when the panel is triggered in the middle of the page, instead of at the very top. The ones defined in the classes .ui-panel-display-overlay, .ui-panel-display-reveal, .ui-panel-display-push only work in the case where the panel is opened from the very top of the page.