我试图将背景限制在特定的形状。
示例：我有一个方形的div或img标记。然后我希望它的一部分（角落）是透明的，并且它的一部分（中间的钻石）是某种颜色（带有背景颜色）或某个图像（带有背景图像）。
我可以通过制作一个在中心有一个透明菱形的白色png文件来模拟这个，并将图像的背景设置为我想要的，这样背景只显示钻石形状。
我想摆脱边缘周围显示的白色部分（例如，在中心有一个带有白色菱形的透明png），但是背景只会在边缘显示出来。所以基本上，我希望图像上的背景显示不是透明的位置，而不是 透明的位置。我几乎可以肯定这必须使用图像，但如果你有其他选择，请告诉我。
以下是http://jsfiddle.net/r7jxm/示例。您可以看到所有图像都有白色边缘，应该是透明的，因此下面的图像不显示。我仍然需要能够用css改变背景颜色。