[ElemeFE/element]2.15.9 dialog 遮罩层有一定概率黑屏

1

2.15.8 也有概率出现这个问题。

QIUZAIYOU

7

2.13.1也有这个问题，看起来是opacity概率性失效了，不知道是不是浏览器的bug

X9X

1

2.15.6也出现过

12138mICHAEL1111

0

2.15.1 也出现了

hyzhan43

6

看起来是 chromium 的 bug，https://bugs.chromium.org/p/chromium/issues/detail?id=1336530&q=opacity&can=2

hujiulong

1

我试了2.15.6、7、8、9基本都会出现这个问题，暂时也没有什么解决办法。主要是因为想要复现有一点的难度更新一下 ———————————————————————————————————————————————————————— 我找到原因了，属于element-ui的bug。body同级里的dom元素里有个class="v-modal"的div，这个class有个background:#000;属性；把这个属性改变成rgba(x,x,x,0.x)就会暂时解决这个问题，具体修复还得看官方。

wangbin007

1

改变窗口大小后操作，多试几次会复现这个问题。测试页图里流程：浏览器窗口非最大化操作（未出现问题） -> 刷新一次后操作（未出现问题） -> 刷新后窗口最大化操作（复现问题） 444

一旦出现这个问题，不管是用 opacity 还是 rgba 控制透明度，总有一个是失效的（rgba 是我自己改了测试的，原本是用 opacity 控制）。 1111

而在原本的情况（用 opacity 控制）只要改变下窗口大小，就会恢复正常。 555

应该确实是 chromium 的 bug，当前测试用 chrome 版本为 103.0.5060.24（正式版本）（64 位），其他版本未做测试。

QIUZAIYOU

2

2.15.1 has same problem

CodingRobot2022

4

在全局样式里这样写，可以暂时解决这个问题

// 暂时兼容解决谷歌102版本以上的黑屏bug
body .v-modal {
  background: rgba(0, 0, 0, 0.5);
  opacity: 1;
}

ickedesign

8

黑屏竟然还有不同原因的？

调用 Loading 莫名其妙多了这个东西，直接盖住了页面

<div class="v-modal" tabindex="0" style="z-index: 2002;"></div>

axetroy

[ElemeFE/element]2.15.9 dialog 遮罩层有一定概率黑屏

回答