部分透明的背景图像

Question

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

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

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

非常感谢你们，
标记

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

所以更准确地说，我创造了另一个图像，我想要实现的目标。 一开始我在左侧获得了2张图像，顶部的第一张图像在中间是完全透明的，并且在边框上具有约50％的不透明度，如您所见，因此部分透明。第二个图像只是一个图像，但第二个图像总是在变化，就像幻灯片一样。

右边的另一个图像将是最终结果，我将灰色背景设置为更加明显。那么我的想法是，那可能吗？我想要实现的是像这样剪切幻灯片图像边框。但是我不想在幻灯片中播放每个图像，所以我在思考，也许我可以通过CSS实现类似的功能。我在想一些z-index，或者其他什么。但这不起作用，因为我得到的图像就像我在顶部链接的那样。

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

Answer 1

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