Dropshadow滤镜和块引用元素中背景图像的其他设置

Question

我正在为以下每个blockquote元素创建一个样式规则：

a。将背景图像设置为sf_speech.png，不进行平铺，并且水平和垂直大小均为100％，以覆盖整个块引用；

b。使用阴影过滤器添加阴影过滤器，以在气泡周围添加阴影，水平和垂直偏移为5像素，模糊为10像素，颜色为rgb（51，51，51）]

到目前为止，这是我的代码：

blockquote {
background: url(sf_speech.png) 100% 100% no-repeat;
filter: drop-shadow(5px 5px 10px rgb(51, 51, 51));
}

任何人都可以告诉我我为此所缺少的吗？

一吨

Answer 1

但是根据您当前的描述，这可以解决问题。

blockquote {
  background: url(https://placehold.it/1000x800) 100% 100% no-repeat;
  box-shadow: 5px 5px 10px rgb(51, 51, 51);
  padding: 10px;
}

<blockquote>
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nec nisl aliquam, lobortis erat in, posuere massa. Suspendisse commodo nisi id purus dapibus, quis scelerisque lectus auctor. 
</blockquote>