我有一个问题，因为我还没有找到任何解决方案。
所以我有这个图像，它在“中心”是完全透明的，如你所见，部分在边界上。我想要实现的是，“边框”应该是透明的，“中心”应该是红色的。但边框应该是完全透明的。所以在这种情况下，白色。
我不确定 CSS 或 HTML 是否有可能，我需要在 CSS 或 HTML 中执行此操作的原因是因为我正在循环访问数据库，并且每个显示的记录都会有不同的背景颜色，但是“边界”应保持透明。因此，以 10 种或更多颜色创建整个图像对我来说不是一个选择，因为那样网站可能会太重。
非常感谢你们，
马克
编辑： http:
//i.imgur.com/yMRxtqY.png
所以更准确地说，我创建了另一个图像，这是我想要实现的。一开始我得到了左侧的 2 张图像，顶部的第一个在中间是完全透明的，正如你所见，边框的不透明度约为 50%，所以部分透明。第二个只是一个图像，但第二个图像总是在变化，就像幻灯片一样。
右侧的另一张图像将是最终结果，我设置了灰色背景以更明显。所以我的想法是，这可能吗？我想要实现的是像这样剪切幻灯片图像边框。但我不想对幻灯片中的每张图片进行 Photoshop 处理，所以我在想，也许我可以用 CSS 实现类似的效果。我正在考虑一些 z-index 或其他东西。但这不起作用，因为我得到了一个像我在顶部链接的图像。
这就是我得到的全部：http: //i.imgur.com/g7xpgQG.png
我的问题是，我可以在部分透明的边框上看到图像，我想得到与第一个图像上类似的东西正确的（当然，没有蓝色的东西，我不能剪，我不是设计师：P）
