css 为什么投影对input有效而对div元素无效？

cl25kdpy 于 2023-02-17 发布在其他

关注(0)|答案(1)|浏览(101)

此输入元素具有投影：

.test {
  filter: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
  border: 1px solid black;
  height: 20px;
}

<input class="test" />

但是这个div元素不会：
一个二个一个一个
为什么会这样呢？

css

来源：https://stackoverflow.com/questions/75456365/why-does-drop-shadow-work-on-input-but-not-div-elements

1条答案

按热度按时间

cvxl0en21#

- 您的代码运行良好，这是因为背景是透明的，请尝试将背景颜色设置为div，投影将可见。**

.test {
  filter: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));
  border: 1px solid black;
  height: 20px;
  background-color:#fff;
}

<div class="test"></div>

赞(0）回复(0）举报 2023-02-17

我来回答

css 为什么投影对input有效而对div元素无效？

1条答案

相关问题

热门标签

最新问答