過濾器：只在背景上投下陰影

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

沒有人能給出答案。解決方案是：你不能。問候。