Question

我有两张相同的图片，其中一张我在photoshop中将不透明度编辑为90％。我的原始图像呈现正常，而我编辑的图像呈现全白色。除了实际的文件本身，我在代码中没有改变任何内容。也许有人可以在这里说清楚。感谢

使用CSS

#home-header {
background-image: url(firepit2.jpg);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 841px;
display: block;
}

非工作CSS

#home-header {
background-image: url(firepit2.psd);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 841px;
display: block;
}

我甚至尝试将新文件保存为jpg，以查看问题是否与psd扩展有关，但仍然无效。也许我需要转换它？

Answer 1

我认为如果你想要一个图像没有背景颜色，你可以使用格式png，或其他选项来解决，例如，如果你想改变焦点的图片颜色，你可以使用javascript简单代码。 / p>

<img src="<?php echo $this->getSkinUrl("image.png"); ?>" onmouseover="this.style.opacity=0.8" onmouseout="this.style.opacity=1" />

Answer 2

如果图像具有透明度，则将图像保存为png

Photoshop图像背景全白

2 个答案: