layout - 网页的 css3 渐变背景上带有文本的徽标图像

Question

在网页中有一个使用 CSS3 的渐变（在 body 标记中）。接下来移动并添加图像（带有站点名称的徽标）我意识到页面渐变和图像都有不同的颜色。这是因为网页有一个CSS3生成的背景，而图像有一个固定的背景颜色，两者都是不同的。

我试过什么？ 添加图像作为 div 的背景和 img 标签。在 div 上应用渐变

但没有运气。

如何管理？请指导。

谢谢

Answer 1

您不能将徽标的文本保存为具有透明背景的 .png 吗？如果您已将渐变添加到 body 标签，它将在浏览器窗口展开和收缩时发生变化

Answer 2

你必须用透明背景保存你的标志图像......你打开标志的 psd 文件并禁用背景层的可见性，然后将其保存为 png 图像。