Element UI 弹窗遮罩层变黑

最新推荐文章于 2023-11-03 17:38:29 发布

原创最新推荐文章于 2023-11-03 17:38:29 发布 · 1.9k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#elementui

收录于

本文探讨了一种遮罩层突然变黑的现象，并通过调整背景颜色的透明度解决了该问题。作者最初发现遮罩层样式中背景颜色设置为纯黑色，通过将其改为半透明黑色，成功避免了遮罩层变黑的情况。

遮罩层突然变黑，但是只要把控制台稍微调小一点就会马上恢复正常，点击了关闭和确认按钮也会恢复正常。

最开始我去看了一下样式，里面有一个 v-modal样式，背景图为黑色，然后设置了一个opacity: 0.5; 然后遮罩层就呈现为半透明状，出现这个问题的时候，样式是没有问题的，当时没反应过来就去代码里面找了这个v-modal样式，然后好像很看到了一个动画效果的样式，我大概估计就是这儿出了问题，但是是什么问题导致的现在也不太确定，所以没办法解决。

后来我想了一下，它里面设置了一个纯黑色的背景颜色background: #000000; 我直接把它改为background-color: rgba(0, 0, 0, 0.5) 半透明状不就可以了吗，就不会出现黑色了。