正如你所看到的，当底部和重复的中间图像重叠时(红色区域)有一个较暗的阴影，因为底部的背景图像太高了。
我不能缩小图像，因为有时当元素中的最后一个元素设置了 margin-bottom 时，这会在阴影中产生间隙。
有人对我如何解决这个问题有任何意见或建议吗？
那些 png 文件是半透明的(它们有 alpha channel )，所以当它们重叠时它们会混合在一起，在你的情况下你实际上得到了双阴影。
如果您网站的其余部分有纯色背景(例如纯白色)，那么您可以将这些图像转换为不透明；您仍会获得阴影效果，但仅限于白色背景。
关于html - 单独
的重叠背景图像会产生比它们本身更暗的阴影，我们在Stack Overflow上找到一个类似的问题：
https://stackoverflow.com/questions/5115513/
css - 如何在 JQueryUI 日期选择器中以不同的颜色设置一周中的特定日期(星期一、星期二等)？
css - 使用css3向上滑动 "strip"水平菜单效果？
jquery - jQuery UI 按钮上的 IE7 容器疯狂点击
swift - 我的代码有什么问题？它说未解析的标识符
html - 为每个图像应用固定的 px 单位-6ren
html - 为每个图像应用固定的 px 单位-我有一张卡片图像，我需要重复它 30 次，每次我想申请一张特定卡片的左侧位置时，它会与卡片重叠，然后再停留在一副牌的位置上。 问题是，当我将左侧位置应用于图像卡片时，它会将相同的左侧位置应用于所有卡片-6ren
更新时间：2023-11-28 14:48:30
我有一张卡片图像，我需要重复它 30 次，每次我想申请一张特定卡片的左侧位置时，它会与卡片重叠，然后再停留在一副牌的位置上。
问题是，当我将左侧位置应用于图像卡片时，它会将相同的左侧位置应用于所有卡片，因此没有重叠位置。
所以我有这样的东西:
