datetimepicker popup скрывается за диалоговым окном контейнера

Я использую этот сборщик для своих проектов, и мне нужно изменить значение индекса z для сборщика, так как его выскакивание за модальным окном, я хочу увеличить индекс z DateTimePicker. Я в настоящее время добавил Свойс ZIndex в определении DateTimePicker как этотdatetimepicker popup скрывается за диалоговым окном контейнера

jQuery(function() { 
         jQuery("#from_date").datetimepicker({ dateFormat: 'yy-mm-dd', 
          showOn: "button", 
          zIndex:9999, 
          buttonImage: "/gra/images/icons/fugue/calendar-month.png", 
          buttonImageOnly: true }); 
       });

, которая выше, чем индекс г в появившемся диалоговом окне, внутри которого кнопка DatePicker находится, но его не наступающем сверху. Какие еще места в стиле css мне нужно установить значение индекса z отдельно от определения?

Обновление: Я использовал Firebug и выяснил причину, но не решение. Диалоговое окно z-index равно 1001, которое я знаю, поскольку я установил это в css. Но значение z-index дата-picker равно 91, и я попытался выполнить поиск в классе ui-datepicker-div, но не смог найти класс, который имеет значение z-индекса 91 сейчас, был класс #search с zindex как 91, и я его изменил до 9999 (думая, что это его унаследовал), но он еще раз показывает значение 91 в firebug .. ?? Классы, связанные остроумие DatePicker HTML компонент являются

<div id="" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" ... z-index=91....> 
<html for date picker> 
</div>

источник

2012-01-26 pri_dev

Если вы используете firebug, взгляните на это и посмотрите, что его z-индекс фактически отображается как, по сравнению с элементом, который отображается поверх него. (Возможно, вы захотите также добавить пример на jsfiddle ...) – bdares

Вы можете указать URL-адрес своего веб-сайта или пример на jsfiddle.net? Должна быть проблема с CSS. –

PLZZ проверить обновление .. –

Вот большая проблема с zIndices.

<div style='position:relative'id="global-container"> 
    <div style='position:relative;z-index:1'id="container-1"> 
     <div style='position:relative;z-index:50'id="content-1"> content 1 </div> 
    </div> 
    <div style='position:relative;z-index:2'id="container-2"> 
     <div style='position:relative;z-index:2'id="content-2"> content 2 </div> 
    </div> 
</div>

Вы можете предположить, что #content-2 ниже появится #content-1, но проблема в том, что Z-индексы сравниваются в их относительных контейнерах. Таким образом, z-индексы, принятые во внимание, равны #container-1 и #container-2. Я бы предложил слой только для всплывающих окон. Что-то с невероятно высоким z-индексом, который находится внутри глобального контейнера. Независимо от того, что тогда будет отменено.

Теперь, как я могу сказать, это то, что имеет самый высокий индекс z, но в современных браузерах он зависит от всей цепи, поэтому слой ui необходим для всплывающих окон.

Youtube iframe будет просто доминировать над всплывающими окнами z-index, по крайней мере, я не могу понять, как обойти это ... пока.

источник

2012-01-26 04:28:58 Michael

Посмотрите на каждого родителя. Убедитесь, что их z-индекс. На самом деле нет волшебной пули. Вы можете попробовать проверить google chrome, который может сказать вам, какие стили переопределены. – Michael

datetimepicker popup скрывается за диалоговым окном контейнера

ответ

Смежные вопросы