Css Photoshop图像背景全白色

我有两张相同的图片，其中一张我在photoshop中将不透明度编辑为90%。我的原始图像渲染良好，而我编辑的图像渲染全白色。除了实际的文件本身，我在代码中没有做任何更改。也许有人能给我们点启示。谢谢

工作CSS

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

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

非工作CSS

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

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

---

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

我认为如果你想显示一个没有背景颜色的图像，你可以使用格式png，或者其他解决方案。例如，如果你想更改焦点图片的颜色，你可以使用javascript简单代码

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

getSkinUrl（“image.png”）；？>“onmouseover=“this.style.opacity=0.8”onmouseout=“this.style.opacity=1”/

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

。psd

不是图像的有效格式，它是photoshop扩展，与图像无关。我想可能是这样，但当我将其保存到jpg时，它也做了同样的事情。我需要通过文件转换器将psd转换为jpg吗？可能是吗？photoshop应该提供一个转换器你可以直接保存为

.jpg

，

.png

或任何其他来自photoshopCode的有效图像格式不会更改源代码的背景图像。你需要保存为透明图像（png最好）。你建议把这段代码放在哪里？CVIDAL？Html，body？谢谢你的输入。我还是个新手，但对JS尤其如此。虽然我很欣赏所有的答案和评论，但这个特别的答案与我目前的工作最相关。我将PS中的不透明度改为80%，然后作为副本保存到PNG。谢谢