我需要覆盖几个背景图像，两个不同的div，我使用的是透明的PNG，但是当我将一个覆盖在另一个上时，第二个会在第一个上面添加一些恼人的白色背景，并且效果会丢失。我在某处读过这可能是由于alpha通道，但没有任何关于演练的信息。有人能指出我的解决方案吗？
请注意我正在使用精灵并从那里拍摄两个图像，jQuery也包括在内（所以我会接受JS或jQuery解决方案），我需要使用透明图像，不能使用不透明，无法合并图像。我目前正在使用z-index: 1;作为底层，z-index:2;作为顶层，可能会使用第三个，因此解决方案不应该居中覆盖两个图像，而是覆盖2个以上的图像。< / p>
谢谢！
添加了fiddle with comment in the JS section
A screenshot of the result注意左上角的叶子之间的白色，它应该是一个35px的正方形，含有一点污垢
解决方案：
通过使用CSS并添加background-color: transparent;我删除了div的背景颜色并获得了完全的transperancy
答案 0 :(得分：1)
默认情况下，div不一定是透明的。它继承了它的父母的背景。哪个很可能是白色的，而且不透明。
尝试：
<div style="background-color: rgba(255, 0, 0, 0.5)">.........</div>