Wordpress modal hidden

Question

У меня настоящая проблема с сайтом wordpress и следующим кодом. Он работает. ИСКЛЮЧАЕТ, что я НЕ МОГУ, чтобы обновить Z-индекс. Я пробовал добавлять и редактировать CSS для ui-front и почти всех других тегов. Если я открою инспектор в Chrome, я вижу, что STILL автоматически назначает Z-Index 100 для наложения и 101 для модального. Если я вручную отрегулирую его в Inspector до 5k, модальные выскакивают прямо перед всем, как следует. Я просто не могу понять, как заставить z-index делать то, что я хочу [и мою тему Wordpress, и все, что я просматривал css, и не вижу никаких других объявлений z-index, поэтому не знаю почему авто присвоенное значение не работает. Пожалуйста помоги.

add_action('wp_enqueue_scripts', 'enqueue_scripts_so_22382151'); 
add_action('wp_header', 'print_header_so_22382151'); 
add_action('wp_footer', 'print_footer_so_22382151'); 

/** 
* Enqueue jQuery Dialog and its dependencies 
* Enqueue jQuery UI theme from Google CDN 
*/ 
function enqueue_scripts_so_22382151() { 
    wp_enqueue_script('jquery-ui-dialog', false, array('jquery-ui','jquery')); 
    wp_enqueue_style('jquery-ui-cdn', 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/dot-luv/jquery-ui.min.css'); 
}  


/** 
* Print Dialog custom style 
*/ 
function print_header_so_22382151() { 
    ?> 
    <style> 
     /* A class used by the jQuery UI CSS framework for their dialogs. */ 
     .ui-front { 
      z-index:1000000 !important; /* The default is 100. !important overrides the default. */ 
     } 
     .ui-widget-overlay { 
      opacity: .8; 
     } 
    </style> 
    <?php 
} 

/** 
* Print Dialog script 
*/ 
function print_footer_so_22382151() { 
    $current_domain = $_SERVER['SERVER_NAME']; 
    ?> 
    <script type="text/javascript"> 
     jQuery(document).ready(function ($) { 
      $('a[href^="http://"],a[href^="https://"]') 
      .not('[href*="<?php echo $current_domain; ?>"]') 
      .click(function(e) { 
       e.preventDefault(); 
       var url = this.href; 
       $('<div></div>').appendTo('body') 
        .html('<div><h6>Link Disclaimer: [...].</h6></div>') 
        .dialog({ 
         modal: true, title: 'message', zIndex: 10000, autoOpen: true, width: 'auto', resizable: false, 
         buttons: { 
          Yes: function() { 
           window.open(url); 
           $(this).dialog("close"); 
          }, 
          No: function() { 
           $(this).dialog("close"); 
          } 
         }, 
         close: function (event, ui) { 
          $(this).remove(); 
         } 
        }); 
       }) 
     }); 
    </script> 
    <?php 
} 

Ссылка:

[участвующий сайт (см тестирований ссылки на меню навигационного левых к нижней части для демонстрации текущего статуса)] [1]

Why jQuery UI 1.10 remove jquery dialog zIndex option?

WordPress, jQuery UI CSS Files?

Code Originally Found in Stack Overflow Question (see last answer (should be loaded for you))

Answer 1

Хорошо, я ответил на свой вопрос. LoL, вместо того, чтобы оставлять объявления JQuery CSS, я переместил их и застрял на хвосте моего CSS-стиля для моей темы wordpress [stylesheet.css по умолчанию]. Теперь z-индекс устанавливается просто отлично.