Html 块元素下的CSS阴影（不使用框阴影，使用阴影图像，旧方法）

我的任务是在图像上放置阴影，而不使用box shadow CSS属性。我得到了一个PSD图像，从中我必须剪切阴影并将其放置在块元素周围。我已经放置了正确的阴影。阴影实际上是5个透明像素，一直重复到元素结束

img:after {

    display: block;
    position: absolute;
    right: 0;
    top: 0;
    top: 10%;
    content: "";
    height: 90%;
background: url(pictures/shadow_right.png) repeat-y 0% 0%;
}

你知道如何在块元素下放置阴影吗？这将适用于所有图像大小？我还需要放置一个角阴影，它也在元素下，但稍微偏右一点（在有人告诉我在块元素下放置背景图像的基本想法后，我可能可以自己做）。我的任务是编写一个通用的CSS代码，将阴影置于所有图像之下

---

结果应该是什么

试试这段代码，对我有用

img:after
{
content:"";
display:block;
background:url("pictures/shadow_right.png");
background-size:100% 100%;
background-repeat:no-repeat;
}

---

听起来我会用5张图片来接近它。每个拐角（右上角、右下角、左下角）各1个，每个边（左下角）各1个。您以全尺寸绘制的角图像、1像素高（侧面img）或宽（顶部img）的侧面图像，您可以重复或拉伸，具体取决于哪种图像速度更快/内存占用更少/效果更好。然而，它需要额外的html，您可以用一小段javascript轻松插入。我在想过去用来画圆角盒子的9正方形技术。阴影从顶部（侧面阴影）的10%开始，底部阴影从左侧开始大约相同。我只需要一个角（右下角）。我的问题只有一个——我不知道如何在块元素下设置背景图像。对于侧面，它是清晰的-一个简单的css:after。你对底部有什么想法吗？我看到我的代码中有一个错误，所以我修正了它@用户3127242，不想使用盒影的具体原因是什么？我这样问是因为在许多情况下，像

背景大小

这样的其他处理方法是不可能的，因为

框阴影

是不可能的。@user3127242您可以给图像一些填充，并使用位于底部的背景图像。我对侧阴影没有问题。我在问你是否知道如何在图像下放置阴影（只是一个基本的想法）。我不需要一个完全工作的代码，因为我还没有给出阴影图像。只要一个提示就可以了；）是将阴影置于div或image下的代码，适用于所有div/image大小