部分透明的背景图片

Question

我有一个问题，因为我还没有找到任何解决方案。

所以我有这张图片，如您所见，它在“中心”完全透明，部分在边框上。我想要实现的是，“边框”应该是透明的，“中心”应该是红色的。但边框应该是完全透明的。所以在这种情况下，白色。

我不确定 CSS 或 HTML 是否可能，我需要在 CSS 或 HTML 中执行此操作的原因是因为我正在循环访问数据库，并且每个显示的记录都会有不同的背景颜色，但“边界”应保持透明。所以用 10 种或更多颜色创建整个图像对我来说不是一个选择，因为那样网站可能会太重。

非常感谢你们，
标记

编辑：
http://i.imgur.com/yMRxtqY.png

所以更准确地说，我创建了另一个图像，我想要实现的目标。 一开始我得到了左侧的 2 张图像，顶部的第一个在中间是完全透明的，正如你所见，边框的不透明度约为 50%，所以部分透明。第二张只是一张图片，但第二张图片总是在变化，就像幻灯片一样。

右边的另一张图片将是最终结果，我设置了灰色背景以更明显。所以我的想法是，这可能吗？我想要实现的是像这样剪切幻灯片图像边框。但我不想对幻灯片中的每张图片进行 Photoshop 处理，所以我在想，也许我可以用 CSS 实现类似的效果。我正在考虑一些 z-index 或其他东西。但这不起作用，因为我得到了一个像我在顶部链接的图像。

这就是我得到的全部：http://i.imgur.com/g7xpgQG.png
我的问题是，我可以在部分透明的边框上看到图像，我想得到与右边第一张图像类似的东西（当然，没有蓝色的东西，我不能剪掉它，我我不是设计师 :P)

Answer 1

不确定这是否是您要查找的内容，但请查看此链接：http://css-tricks.com/transparency-in-web-design/ 您可能需要查看您使用的 PNG 文件格式。