Scroll
Z-index in Drupal
Working with z-index (layers) in Drupal, developers may need to experiment to determine whether an element they move up or down in the stack will cover or be covered by an element themed by a core module or theme.
To save time figuring out what’s happening at the stacking level, the table below lists all instances of z-index values in core. A module or theme with inherited cells includes only a few entries if inheritance doesn't alter the z-index value; otherwise, it receives a new row.
| z-index | Модуль/тема с наследованием | CSS selector(s) |
| 10000 | jquery-joyride/tour/stable | .joyride-expose-cover |
| 9999 | jquery-ui | .ui-tooltip |
| 1260 | jquery-dialog/dialog/classy | .ui-dialog |
| 1259 | jquery-dialog/dialog | ui-widget-overlay |
| 1250 | toolbar/stable | .toolbar .toolbar-bar | .toolbar .toolbar-tray |
| 1000 | system/stable | .ajax-progress-fullscreen |
| 1000 | jquery-ui/classy | .ui-dialog .ajax-progress-throbber |
| 1000 | bartik | body:not(:target) .region-primary-menu .menu-toggle |
| 1000 | simpletest/stable | a.simpletest-collapse:focus, hover |
| 502 | toolbar/stable | .toolbar-oriented .toolbar-bar |
| 502 | toolbar/stable | .toolbar .toolbar-bar .toolbar-tab > .toolbar-icon |
| 501 | toolbar/stable | .toolbar .toolbar-tray |
| 501 | settings-tray | .settings-tray |
| 500 | contextual | .contextual |
| 500 | contextual/stable | .contextual-links |
| 500 | system/stable | table.sticky-header |
| 499 | block/stable | .block-demo-backlink |
| 499 | node/bartik | .node-preview-container |
| 102 | jquery-joyride/tour/stable | .joyride-expose-wrapper |
| 101 | jquery-joyride/tour/stable | .joyride-tip-guide |
| 300 | quickedit/stabe | .quickedit-validation-errors |
| 300 | quickedit/stabe | .quickedit-form |
| 102 | jquery-joyride/tour/stable | .joyride-expose-wrapper |
| 101 | jquery-joyride/tour/stable | .joyride-tip-guide |
| 100 | quickedit/stable | .quickedit-toolbar-container |
| 100 | quickedit/stable | .quickedit-form-container |
| 100 | dropbutton/classy | .dropbutton-multiple.open |
| 100 | jquery-joyride/tour/stable | .joyride-modal-bg |
| 100 | jquery-ui | .ui-selectable-helper |
| 100 | jquery-ui | .ui-front |
| 99 | quickedit/stable | .quickedit-editable.quickedit-highlighted |
| 98 | quickedit/stable | .quickedit-editable |
| 51 | views/stable | .views-displays .tabs .open > a |
| 50 | views/stable | .views-displays .tabs .action-list |
| 50 | seven | .skip-link |
| 50 | bartik | .skip-link |
| 15 | seven | .tabs.primary .tabs__tab.is-active | .is-horizontal .tabs.secondary .tabs__tab |
| 11 | ckeditor/stable | ckeditor-buttons:hover + focus |
| 10 | ckeditor/stable | ckeditor-buttons |
| 10 | seven | .button:focus |
| 10 | ckeditor/seven | .cke_reset_all .cke_dialog_footer_buttons a.cke_dialog_ui_button:focus |
| 10 | seven | .is-collapse-enabled .tabs:before | .is-horizontal .tabs:before | .is-collapse-enabled .tabs__trigger |
| 5 | ckeditor | .cke_dialog_close |
| 3 | seven | .js .dropbutton-wrapper .dropbutton-widget .dropbutton-action a:hover, active, focus |
| 2 | views/stable | dropbutton |
| 2 | views/stable | .js .dropbutton-wrapper .dropbutton .dropbutton-action > .ajax-progress-throbber |
| 2 | seven | .vertical-tabs__menu-item focus active |
| 2 | contextual/stable | .contextual.open .trigger |
| 2 | jquery-ui | .ui-slider .ui-slider-handle |
| 2 | ckeditor | .cke_dialog_resizer |
| 2 | ckeditor | .cke_dialog_tabs |
| 1 | ckeditor/seven | .cke_dialog_body |
| 1 | seven | .vertical-tabs__menu-item.is-selected |
| 1 | jquery-ui | .ui-slider .ui-slider-range |
| -1 | ckeditor | .cke_dialog_ui_radio_input |
| -1 | ckeditor | .cke_iframe_shim |
| -1 | toolbar/stable | .toolbar-oriented .toolbar-tray-vertical > .toolbar-lining:before |
| -1 | quickedit/stable | #quickedit-toolbar-fence |