设置页面透明度时出现问题

[zhmou]

NeXT版本：8.11.1
个人博客地址：zhmou.github.io
欢迎复现这个问题
在source/_data/styles.styl中设置背景图片，并修改透明度（为产生更明显的效果，将opacity设置的比较低）：

body {
 	background:url(/img/general/background.jpg);
 	background-repeat: no-repeat;
    background-attachment:fixed;
    background-position:50% 50%;
	background-size: cover
}
.sidebar {
  opacity: 0.3;
}

.sidebar-inner {
  opacity: 0.3;
}

.header-inner {
  opacity: 0.3;
}

.main-inner { 
  opacity: 0.3;
}

//省略无关设置

正常预期效果：

但是界面的透明度会在鼠标指向标题产生动效时出现明显分界线：

或者某些情况下，f5刷新，等待一会儿就会出现透明度失效的问题（上方和下方）：

[stevenjoezhang]

我这一切正常。可能是你用的浏览器有问题。

[zhmou]

似乎确实如此，将Edge替换为Firefox以及在手机上都没有出现这个问题。

[stevenjoezhang]

我又试了下，用 Chrome 可以复现，估计是 chromium 的问题了。之前也有过这种 Chrome 专属 bug： #55
可以等官方修复，或者先改下透明度的设置，绕过这个问题