遮罩层突然变黑,但是只要把控制台稍微调小一点就会马上恢复正常,点击了关闭和确认按钮也会恢复正常。
最开始我去看了一下样式,里面有一个 v-modal样式,背景图为黑色,然后设置了一个opacity: 0.5; 然后遮罩层就呈现为半透明状,出现这个问题的时候,样式是没有问题的,当时没反应过来就去代码里面找了这个v-modal样式,然后好像很看到了一个动画效果的样式,我大概估计就是这儿出了问题,但是是什么问题导致的现在也不太确定,所以没办法解决。
后来我想了一下,它里面设置了一个纯黑色的背景颜色background: #000000; 我直接把它改为background-color: rgba(0, 0, 0, 0.5) 半透明状不就可以了吗,就不会出现黑色了。