datetimepicker彈出窗口隱藏在容器對話框後

我正在使用這個選擇器作爲我的項目，我需要改變選擇器的z索引值，因爲彈出窗口後面的模式，我想增加z索引值的DateTimePicker。我現在已經添加了zIndex的PROPERT中的DateTimePicker的定義中這樣datetimepicker彈出窗口隱藏在容器對話框後

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

比其內部日期選擇器按鈕被放置，但它不是在頂部即將彈出的對話框中的Z指數越高。除了定義之外，我還需要哪些其他地方的css風格來設置z索引值？

更新：我使用了Firebug，並找出原因，但沒有解決方案。對話框z-index是1001，我知道這是我在css中設置的。但date-picker的z-index值是91，我試圖搜索類ui-datepicker-div，但是找不到任何z-index值爲91的類，有一個#search類，zindex爲91，並且我改變了它到9999（認爲它是從它繼承的那個），但它仍然在firebug中顯示值91。相關機智的日期選擇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

如果你使用的是螢火蟲，那就看看它的效果，看看它的z-index實際上被渲染成什麼樣，相比之下它正在被渲染的元素。（你也許想在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值的東西。無論如何它會覆蓋。

現在在IE7中，據我所知，它只是誰擁有最高的z-index，但在現代瀏覽器這取決於整個產業鏈，因此需要對彈出窗口的UI層。

YouTube的內聯框架將主宰任何Z - 索引彈出窗口，至少我不知道如何解決這個問題......但。

來源

2012-01-26 04:28:58 Michael

看看每個單親。驗證他們的z-index。沒有真正的魔力子彈。您可以嘗試查看谷歌瀏覽器，它可以告訴您哪些樣式正在被覆蓋。 – Michael

datetimepicker彈出窗口隱藏在容器對話框後

回答

相關問題