将框影应用于逗号分隔的背景图像列表中的一个背景图像。

Question

在我的网站上

body{
    background-image: url(http://placeholder/aaa.png), url(http://placeholder/bbb.png);
}

这样我就可以有一个背景图像覆盖另一个背景图像。

aaa.png是一个较小的图像，位于bbb.png的中心

我想在这个例子中将一个框影应用到最上面的图像，图片aaa.png .

目前我试过了

body{
    background-image: url(http://placeholder/aaa.png), url(http://placeholder/bbb.png);
    box-shadow: 0 0 10px 10px, 0 0 0px 0px
}

还可以交换0 0 10px 10px的位置，以确保顺序不是问题，但出于某种原因，它只是将您的框影应用于底部图像(bbb.png) (或者可能将其放置到组合背景图像的最远边缘)。

如何使框影只应用于aaa.png？

Answer 1

我在网上查过了，您提供的这个示例应该可以工作，至少看起来是这样的。

但是，好的，也许试着拍另一张图片，创建一个div把这个小背景图片作为div背景，然后按照你想要的方式来设计它，这应该可以做到:)