代码之家 › 专栏 › 技术社区 › Richard Knop

火狐3.5.4中的PNG背景图像

png css

Richard Knop · 技术社区 · 15 年前

我的CSS片段:

#wrapper div.box {
    background: url('box-bg.png') left top repeat-y;
}
#wrapper div.box h2 {
    background: url('box-top.png') left top no-repeat;
}

那不管用。它显示的不是透明图像,而是用空白代替透明背景。

如果我这样做:

<img src="box-top.png" alt="" />

透明图像正确显示。这个问题是怎么回事?

3 回复 | 直到 15 年前

Pekka 15 年前

你有没有试图明确地给元素一个“背景色:透明”?

jennyfofenny 15 年前

我同意Pekka的观点——这些HTML元素是否可能从另一个CSS规则继承了白色背景色?您可以尝试:

#wrapper div.box {
    background: transparent url('box-bg.png') left top repeat-y;
}
#wrapper div.box h2 {
    background: transparent url('box-top.png') left top no-repeat;
}

tahdhaze09 15 年前

请问您使用的是什么浏览器?IE6未正确显示PNG。另外,如何创建PNG?如果是photoshop,请确保执行另存为Web…否则将无法正确显示(透明度问题)。

推荐文章

Alper Yilmaz · 从R中的RGB数据帧保存多个PNG

6 年前

Angel Gutierrez · 用于存储jpg的Docker卷使用情况

6 年前

Anthony Kong · 在imagemagick将肖像照片(JPG)转换为png文件后,将其转向侧面。如何阻止方向的改变?

6 年前

ueneid · 如何使用ImageMagick修复PNG的gamma?

6 年前

Ossama · 在PIL中调整调整大小的PNG图像的质量

6 年前

JuanR · Visual Studio VSPackage图标显示不同的颜色

7 年前

Sach · 将WPF ScrollViewer内容导出为单独的PNG

7 年前

arkkimede · Cairo库:生成背景为白色的png文件

7 年前

Daniel Gruszczyk · 将SVG转换为PNG时包含字体

7 年前

Phillip · QLabel在gif上覆盖png

7 年前