过滤器：仅在背景上投影

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;
}

这样阴影就会反映在文字上，这不是我想要的结果。

正如所提出的，这也是问题的一个小问题：https://jsfiddle.net/k371t6jd/

Answer 1

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