过滤器：仅在背景上放置阴影

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

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

如问，还有一个fiddle的问题：https://jsfiddle.net/k371t6jd/

Answer 1

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

过滤器：仅在背景上放置阴影

filter: drop shadow just on background

css

dropshadow