webuploader.js 多文件上傳插件web
當爲其所在div設置display:none 時,WebUploader的按鈕打不開,沒法運行瀏覽器
解決辦法:瀏覽器加載的時候,設置WebUploader所在的div顯示,而後再爲起設置隱藏屬性spa
.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);
/* 不佔據空間,沒法點擊 */
}