WebUploader在display:none 無法運行

webuploader.js  多文件上傳插件

當為其所在div設置display:none 時，WebUploader的按鈕打不開，無法運行

解決辦法：瀏覽器加載的時候，設置WebUploader所在的div顯示，然后再為起設置隱藏屬性

.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);
}


延伸：
CSS元素隱藏 
    在CSS中，讓元素隱藏（指屏幕范圍內肉眼不可見）的方法很多，有的占據空間，有的不占據空間；有的可以響應點擊，有的不能響應點擊。
{ display: none; /* 不占據空間，無法點擊 */ } 
/********************************************************************************/ 
{ visibility: hidden; /* 占據空間，無法點擊 */ } 
/********************************************************************************/ 
{ position: absolute; top: -999em; /* 不占據空間，無法點擊 */ } 
/********************************************************************************/ 
{ position: relative; top: -999em; /* 占據空間，無法點擊 */ } 
/********************************************************************************/ 
{ position: absolute; visibility: hidden; /* 不占據空間，無法點擊 */ } 
/********************************************************************************/ 
{ height: 0; overflow: hidden; /* 不占據空間，無法點擊 */ } 
/********************************************************************************/ 
{ opacity: 0; filter:Alpha(opacity=0); /* 占據空間，可以點擊 */ } 
/********************************************************************************/ 
{ position: absolute; opacity: 0; filter:Alpha(opacity=0); /* 不占據空間，可以點擊 */ } 
/********************************************************************************/ 
{ 
zoom: 0.001; 
-moz-transform: scale(0); 
-webkit-transform: scale(0); 
-o-transform: scale(0); 
transform: scale(0); 
/* IE6/IE7/IE9不占據空間，IE8/FireFox/Chrome/Opera占據空間。都無法點擊 */ 
} 
/********************************************************************************/ 
{ 
position: absolute; 
zoom: 0.001; 
-moz-transform: scale(0); 
-webkit-transform: scale(0); 
-o-transform: scale(0); 
transform: scale(0); 
/* 不占據空間，無法點擊 */ 
}