透明png图像在浏览器中不完全透明

Question

我正在使用Chrome浏览器。我有一个完全透明的.png徽标图片，但似乎有问题：

你需要再看一次，但是你可以看到图像的色调比背景浅。我用CSS创建背景：

background: #e1e2e4;
background: -webkit-gradient(linear, left top,
            left bottom, from(#e1e2e4), to(#8f9094));

background: -moz-linear-gradient(top,  #e1e2e4,  #8f9094);
filter: progid:DXImageTransform.Microsoft.gradient
        (startColorstr='#e1e2e4', endColorstr='#8f9094'); 

background-repeat: no-repeat;
background-attachment: fixed;

为什么会这样？我该如何解决这个问题？

Answer 1

它与颜色配置文件和颜色校正有关。有关详细信息，请参阅this article。

Answer 2

易于修复的方法..

• 下载并运行GIMP。
• 打开您的PNG文件。
• 从主菜单中选择图像->模式->索引。
• 保存/覆盖您的PNG文件。

Answer 3

看到这个 有关相关分辨率和透明度的png的一些信息

http://entropymine.com/jason/testbed/pngtrans/

Answer 4

我在通过markdown（reveal.js）将div和background-color:red加载到reveal.js中的透明PNG时遇到问题，但是透明像素显示的颜色比红色要浅：

较浅的红色是透明的PNG（左下方的白色是徽标的一部分）。

事实证明，beige加载带有0.12 alpha的白色背景的降价图像（至少具有.reveal section img { ... background: rgba(255, 255, 255, 0.12); ... } 主题）：

div

在Chrome开发人员工具的Inspect功能中停用它可以解决此问题。

我终于在降价促销中解决了该问题，方法是使用与![The logo](logo_with_transparent_background.png){class=plain style="background-color:red"} 相同的背景颜色设置图像的样式

import io
import zipfile
import requests

response = requests.get('https://www.federalreserve.gov/econres/files/scfp2016s.zip')                                                                                                                                             
a = zipfile.ZipFile(io.BytesIO(response.content))
b = a.read(a.namelist()[0]) 
pd.read_stata(io.BytesIO(b))