Question

我在aspx页面上有Ajax file upload control。控件的拖放区域在Chrome和Mozilla上可见，但在IE10上不可见。我知道它应该在支持HTML5和CSS3的浏览器上可见。我相信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，显示设置为none，隐藏可见性。

我的具体问题是这个浏览器特定的css在什么时候呈现？所以即使支持HTML5和CSS3，我也能解释为什么会这样我相信我无法在我的代码中更改此属性，因为在IE10的情况下它会被覆盖。

修改我确实尝试通过将display设置为“block”并将可见性设置为“visible”来编辑css。但这会产生一个不成比例的视图，滚动条在我的情况下不是理想的解决方案

Answer 1

用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的问题。

在IE10上看不到AjaxFileUpload控件的Drop区域

1 个答案: