给你的网页弹窗加个遮罩


当前第2页 返回上一页

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

.ui-progressbar{

                position: absolute;

                top:40%;

                left:40%;

                z-index: 99999999;

                width:500px;

                height:22px;

                line-height:22px;

                display:none;

            }

            .ui-progressbar-value

            {

                    background-image: url("../images/pbar-ani.gif");

                border:0px;

            }

            .shade

            {

               background:rgba(0, 0, 0, 0.4);

               width:100%;

               height:100%;

               position: absolute;

               z-index:99;

               left:0px;

               top:0px;

               opacity:0.6;

               filter:alpha(opacity=60);

               display:none;

            }

主要是通过控制两个盒子的显示层级,控制遮罩层的背景色和显示透明度来达到遮罩效果。

以上就是给你的网页弹窗加个遮罩的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

css如何设置字体为微软雅黑

利用纯css实现动态的文字效果实例

css样式引入方式的优缺点对比

css中清除浮动有哪几种方式

css中id和class选择器怎么使用

css中bem命名规范是什么

css中margin什么意思

css怎么改变文字颜色

css字体颜色的设置方法

深入理解px、rem、em、vh、vw之间的区别

更多相关阅读请进入《遮罩》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...