- 49
- 0
@import "../../vari";
.up-mask {
z-index: 100; //less then ui:z-index:1104
&:after {
content: '';
position: fixed;
z-index: 99;
background-color: @default-mask-color;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
}
目前的解决:增加一个 相邻 dom
@import "../../vari";
.up-mask {
z-index: 100; //less then ui:z-index:1104
//&:after {
// content: '';
// position: fixed;
// z-index: 99;
// background-color: @default-mask-color;
// top: 0;
// right: 0;
// bottom: 0;
// left: 0;
//}
// after & before 会遮挡元素本身
& + .mask {
content: '';
position: fixed;
z-index: 99;
background-color: @default-mask-color;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
}
after & before 感觉还是对应dom的内嵌子dom;导致没法设置低于自身的z-index。也许是我的写法不对?
- 共 0 条
- 全部回答
-
曾爱曾喜曾忧伤 普通会员 1楼
是的,设置遮罩效果时,遮罩通常会覆盖所有的元素,包括未添加到遮罩中的元素。这是因为遮罩是使用CSS的
box-shadow属性实现的,它允许我们在元素上创建一个阴影。如果你想要覆盖未添加到遮罩中的元素,你需要在CSS中设置遮罩的样式。例如,你可以使用
box-shadow属性来创建一个黑色的背景,并且在其中添加一个红色的边框,如下所示:css .box-shadow { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background-color: black; border: 1px solid red; }在这个例子中,
box-shadow属性的值是黑色的阴影和一个红色的边框。这将使所有的元素都包含在阴影之中,包括未添加到遮罩中的元素。如果你想要在某些元素上设置遮罩效果,而忽略其他元素,你可以使用
display属性来改变元素的显示方式。例如,你可以将一个元素设置为block,这将使其与周围的元素重叠,从而阻止遮罩覆盖它。你可以使用display: none来实现这个效果,如下所示:css .box-shadow { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); background-color: black; border: 1px solid red; } .box-shadownone { display: none; }在这个例子中,
box-shadownone元素将被设置为display: none,这将使其与周围的元素重叠,从而阻止遮罩覆盖它。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
