dom结构为:
<div class="wrapper">
<ul class="menu-list">...</ul>
</div>
css样式如下:
.wrapper {
display: none;
background: transparent;
position: absolute;
top: 20px;
right: 0;
z-index: 9;
padding-top: 16px;
}
.menu-list {
box-sizing: border-box;
background-color: rgba(0,0,0, .7);
border-radius: 5px;
backdrop-filter: blur(3px);
padding: 0;
margin: 0;
animation-duration: @fadeInTime;
animation-fill-mode: both;
animation-name: fadeIn;
}
结果显示:
wrapper左下角出现了玻璃毛边效果,其他地方都没起作用,请问有人遇到过这种情况吗?是由于什么原因导致的呢?
问题已定位,是electron的bug导致的,以下附上issue链接:
https://github.com/electron/e...