我需要覆盖两个不同 div 的几个背景图像,我使用的是透明 PNG,但是当我将一个覆盖在另一个上时,第二个在第一个上添加了一些烦人的白色背景,效果就丢失了。我在某处读到这可能是由于 alpha 通道造成的,但没有任何演练信息。有人可以指出我的解决方案吗?
请注意我正在使用精灵并从那里获取两个图像,也包括 jQuery(所以我将接受 JS 或 jQuery 解决方案),我需要使用透明图像,不能使用不透明,不能合并图像。我目前正在使用z-index: 1;
底层和z-index:2;
顶层,可能会有第三个,所以解决方案不应该集中在覆盖两个图像上,而是覆盖 2+ 个图像。
谢谢!
在 JS 部分添加了一个带注释的小提琴
结果的截图注意到左上角叶子之间的白色,它应该是一个 35px 的正方形,里面有一点污垢
解决方案:
通过使用 CSS 并添加,background-color: transparent;
我删除了 div 的背景颜色并获得了完整的透明度