过滤器：只在背景上投下阴影

Question

我正在使用.png图像和我想创建一个像它的光环一样的大白影;但我希望它只是影响背景，而不是我在页面中的文字和其他元素！

如何帮助？有没有一种方法可以让影子撞到背景？ 或者我根本不能？谢谢！

HTML：

<div class="background"> 
    <div id="round"></div> 
    <div class="text"> 
     TEXT 
    </div> 
</div> 

CSS：

#round { 
    filter: drop-shadow(0px 0px 40px red); 
    width: 100px; 
    height: 100px; 
    background-color: yellow; 
    margin: 0px; 
    display: inline-block; 
} 

.background { 
    background-color: #ddd; 
} 

.text { 
    color: yellow; 
    font-weight: bold; 
    font-size: 50px; 
    float: left; 
} 

这样的阴影将在文本中反映出来，这不是我想做的archieve。

至于问，也是一个问题的小提琴：https://jsfiddle.net/k371t6jd/

Answer 1

没有人能给出答案。解决方案是：你不能。问候。