Javascript 如何在引导加载程序时使背景透明

Javascript 如何在引导加载程序时使背景透明,javascript,twitter-bootstrap,angular-ui-bootstrap,Javascript,Twitter Bootstrap,Angular Ui Bootstrap,我想在API返回结果时生成一个引导加载映像。如何使背景透明 以下是HTML标记和CSS: .加载器{ 边框:16px实心#d4; 边界半径:50%; 边框顶部:16px实心#3498db; 宽度:120px; 高度:120px; 位置:固定; 顶部:100px; 底部:0; 左:0; 右:0; 保证金:自动; z指数:9999999; -webkit动画:旋转2s线性无限; 动画:旋转2s线性无限; } @关键帧旋转{ 0%{变换:旋转(0度);} 100%{变换:旋转(360度);} }

我想在API返回结果时生成一个引导加载映像。如何使背景透明

以下是HTML标记和CSS:


.加载器{
边框:16px实心#d4;
边界半径:50%;
边框顶部:16px实心#3498db;
宽度:120px;
高度:120px;
位置:固定;
顶部:100px;
底部:0;
左:0;
右:0;
保证金:自动;
z指数:9999999;
-webkit动画:旋转2s线性无限;
动画:旋转2s线性无限;
}
@关键帧旋转{
0%{变换:旋转(0度);}
100%{变换:旋转(360度);}
}

添加背景色:对.loader透明


.加载器{
边框:16px实心#d4;
边界半径:50%;
边框顶部:16px实心#3498db;
宽度:120px;
背景色:透明;
高度:120px;
位置:固定;
顶部:100px;
底部:0;
左:0;
右:0;
保证金:自动;
z指数:9999999;
-webkit动画:旋转2s线性无限;
动画:旋转2s线性无限;
}
@关键帧旋转{
0%{变换:旋转(0度);}
100%{变换:旋转(360度);}
}

您始终可以使用加载程序在页面上添加一个较小的div,使其为浅灰色,并降低不透明度,如:

#第1部分{
宽度:500px;
高度:500px;
背景图像:url(“https://images3.alphacoders.com/823/82317.jpg");
}
#第二组{
宽度:200px;
高度:200px;
保证金:0自动;
背景颜色:灰色;
不透明度:.7;
位置:绝对位置;
顶部:150px;
左:150px;
}


添加
背景色:透明
.loader
我指的是整个页面的背景色。。用loaderI表示所有页面的背景色。。带装载机