浏览器优化隐藏元素

Question

如果更改alpha值或删除shape元素的背景色，则阴影消失。从理论上讲，它完全位于另一个不透明的对象后面（实际上，您可以看到一个细边框）-这将使浏览器可以不必渲染该元素，因为它不必这样做-但我也可以使用drop-阴影滤镜在此元素上，并且阴影在Covering元素外部可见。我认为浏览器正在尝试通过不显示不知道过滤器可见的元素来进行优化，或者我正在忽略一些非常愚蠢的东西。

.shadow {
    height: 100%;
    filter: drop-shadow(0em 0em 20em rgba(0, 0, 0, 0.76));
}

.shadow > .trie.shape {
    background-color: #000f;
    height: 100%;
}

您对如何强制浏览器呈现元素有任何想法吗？

预先感谢您：）