Webuploader cannot run in Display:none

Webuploader.js multi-File Upload plugin

When the Display:none is set for its Div, the Webuploader button does not open and cannot be run

Workaround: When the browser loads, set the div display where the webuploader is located, and then set the hidden properties for

. tab-content >. tab-pane {
display:block; position:absolute; opacity:0; Filter:alpha (opacity=0) ;
}
. tab-content >. active {
position:relative; opacity:1;Filter:alpha (opacity=1);
}


Extended:
CSS element hiding
In CSS, there are many ways to hide an element (meaning invisible to the naked eye), some occupy space, some do not occupy space, some can respond to clicks, and others cannot respond to clicks.
{display:none;/* Do not occupy space, cannot click */}
/********************************************************************************/ 
{Visibility:hidden;/* Occupy space, cannot click */}
/********************************************************************************/ 
{position:absolute; top: -999em;/* Do not occupy space, cannot click */}
/********************************************************************************/ 
{position:relative; top: -999em;/* Occupy space, cannot click */}
/********************************************************************************/ 
{position:absolute; visibility:hidden;/* Do not occupy space, cannot click */}
/********************************************************************************/ 
{height:0; overflow:hidden;/* Do not occupy space, cannot click */}
/********************************************************************************/ 
{opacity:0; Filter:alpha (opacity=0);/* occupy space, you can click */}
/********************************************************************************/ 
{position:absolute; opacity:0; Filter:alpha (opacity=0); */* Do not occupy space, you can click */}
/********************************************************************************/ 
{ 
zoom:0.001;
-moz-transform:scale (0);
-webkit-transform:scale (0);
-o-transform:scale (0);
Transform:scale (0);
/ * IE6/IE7/IE9 not occupy space, ie8/firefox/chrome/opera occupy space. Can not be clicked * /
} 
/********************************************************************************/ 
{ 
Position:absolute;
zoom:0.001;
-moz-transform:scale (0);
-webkit-transform:scale (0);
-o-transform:scale (0);
Transform:scale (0);
/ * Do not occupy space, cannot click * /
} 

Webuploader cannot run in Display:none