AjaxFileUpload控件的拖放區在IE10上不可見

我在一個aspx頁面上有Ajax file upload control。該控件的拖放區域在Chrome和Mozilla中可見，但不在IE10上。我知道它應該在支持HTML5和CSS3的瀏覽器上可見。我相信IE10有支持。AjaxFileUpload控件的拖放區在IE10上不可見

我通過CSS去，發現這個差異

<div class="ajax__fileupload_dropzone" id="ctl00_Mainform_AjaxFileUpload_Html5DropZone" style="width: 100%; height: 60px; visibility: visible;">Drop files here</div> (In Chrome) 
<div class="ajax__fileupload_dropzone" id="ctl00_Mainform_AjaxFileUpload_Html5DropZone" style="width: 100%; height: 60px; display: none; visibility: hidden;"/> (In IE10)

在IE10的情況下，顯示設置爲無，能見度爲隱藏。

我的問題具體是這個瀏覽器特定的css在什麼時候呈現？這樣即使支持HTML5和CSS3，我也可以知道爲什麼會發生這種情況。我相信我不能在我的代碼中更改此屬性，因爲它將在IE10的情況下再次被覆蓋。

編輯： 我曾嘗試通過將顯示設置爲「block」並將可見性設置爲「visible」來編輯css。但這造成了與滾動條不成比例的看法，這不是我的理想解決方案

來源

2014-08-28 quirkystack

用jquery抓住它。

// let the dropzone load first 
setTimeout(function() { 
    $('.ajax__fileupload_dropzone').text('Drag Drop/Click'); 
    if ($.browser.msie) { 
     $('.ajax__fileupload_dropzone').css({'visibility': 'visible','display':''}); 
    } 

}, 10);

這讓它顯示，但它不會正常工作。我將工具包從15.1.2.0更新到15.1.3.0，這似乎解決了這個問題。奇怪的是，我沒有遇到與IE沒有問題的那個晚上。

來源

2015-08-26 11:53:14 Mike

AjaxFileUpload控件的拖放區在IE10上不可見

回答

相關問題