0

我需要覆盖两个不同 div 的几个背景图像,我使用的是透明 PNG,但是当我将一个覆盖在另一个上时,第二个在第一个上添加了一些烦人的白色背景,效果就丢失了。我在某处读到这可能是由于 alpha 通道造成的,但没有任何演练信息。有人可以指出我的解决方案吗?

请注意我正在使用精灵并从那里获取两个图像,也包括 jQuery(所以我将接受 JS 或 jQuery 解决方案),我需要使用透明图像,不能使用不透明,不能合并图像。我目前正在使用z-index: 1;底层和z-index:2;顶层,可能会有第三个,所以解决方案不应该集中在覆盖两个图像上,而是覆盖 2+ 个图像。

谢谢!

我正在使用的图像

在 JS 部分添加了一个带注释的小提琴

结果的截图注意到左上角叶子之间的白色,它应该是一个 35px 的正方形,里面有一点污垢

解决方案:

通过使用 CSS 并添加,background-color: transparent;我删除了 div 的背景颜色并获得了完整的透明度

4

1 回答 1

1

默认情况下, Adiv不一定是透明的。它继承了它的父母的背景。哪个最有可能是白色的,而不是透明的..

尝试:

<div style="background-color: rgba(255, 0, 0, 0.5)">.........</div>
于 2013-04-08T14:29:15.777 回答