2014-08-28 2 views
1

aspx 페이지에 Ajax file upload control이 있습니다. 컨트롤의 드래그 앤 드롭 영역은 Chrome 및 mozilla에서 볼 수 있지만 IE10에서는 볼 수 없습니다. HTML5 및 CSS3을 지원하는 브라우저에서 표시되어야한다는 점을 이해합니다. 나는 IE10이 지원한다고 믿는다. AjaxFileUpload 컨트롤의 드롭 영역이 IE10에 표시되지 않습니다.

내가 CSS를 통해 가서 IE10의 경우이 차이

<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) 

을 발견, 디스플레이는 숨겨진에 없음 및 가시성 설정됩니다.

내 질문은 특별히 이 브라우저는 특정 시점에서 렌더링됩니까? 그래서 내가 HTML5와 CSS3에 대한 지원이있을 때도 이런 일이 일어날 수 있습니다. IE10의 경우 다시 덮어 쓰게 될 것이므로이 코드를 변경할 수 없다고 생각합니다.

편집 : 표시를 "차단"으로 설정하고 가시성을 "표시 가능"으로 설정하여 CSS를 편집하려고했습니다. 그러나 이것은 내 경우에 이상적인 해결책이 아닌 스크롤 막대가있는 불균형 한보기를 만듭니다.

답변

0

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에 문제가 없었기 전날 밤이었습니다.

관련 문제