控件在ASP視圖中重疊

我目前有一個使用jQuery的兩個元素的asp窗體：圖片上傳和數據閱讀器。實現該圖像上載的代碼是控件在ASP視圖中重疊

$(function() { 
    $("#wcpImage").makeAsyncUploader({ 
     upload_url: "/Business/ImageUpload", 
     flash_url: '../../Scripts/swfupload.swf', 
     button_image_url: '../../Content/images/blankButton.png', 
     disableDuringUpload: 'INPUT[type="submit"]' 
    }); 
});

隨着輸入元件<input type="file" id="wcpImage" name="wcpImage" />。

，使用jQueryUI的的DatePicker插件實現日期選擇器中的代碼是

$().ready(function() { 
    $('#Business_Work_Cover_Expiry_Date').datepicker({ dateFormat: 'dd/mm/yy' }); 
});

隨着由<%= Html.TextBoxFor(m => Model.Business.Liability_Expiry_Date) %>

產生的輸入元件，當用戶輸入的文本框中爲終止日期的日期選擇器彈出。我遇到的問題是圖片上傳的按鈕出現在日期選擇器的頂部。 alt text

我可以使用CSS z-index來解決這個問題和方法嗎？

來源

2010-11-10 link664

原來，這是因爲這些按鈕都被繪製Wmode視窗的，這意味着Z-指數不會有任何效果的按鈕呈現Flash對象在一切的頂部。在javascript中將wmode設置爲Transparent，現在它可以工作。

Found the answer here.

來源

2010-11-10 01:45:05 link664

使用CSS z-index很可能是處理這些類型問題的唯一方法。

來源

2010-11-10 00:57:02

這可能做到這一點：

<style type="text/css"> 
    #ui-datepicker-div { 
     z-index: 9999999; 
    } 
</style>

來源

2010-11-10 01:07:23

控件在ASP視圖中重疊

回答

相關問題