为什么在移动版Firefox中某些图像会以假色显示？

编程问答 2022-06-10

问题描述

一段时间以来，我遇到了问题，Firefox停止正确解释游戏中导航图像的颜色。通常有一些暗区显示为白色（而那些不是透明区）。

这是现在的样子：

some images are white

例如production.png的图片现在是白色背景，而search.png的效果很好（透明）

我已经尝试将imagemagic的identify -verbose production.png与search.png的输出进行比较，但是我没有发现任何线索，这是diff输出：

Image: production.png                         | Image: search.png                                                                                                                                                                   
  Geometry: 39x39+0+0                         |   Geometry: 40x39+0+0                                                                                                                                                               
    Pixels: 1521                              |     Pixels: 1560                                                                                                                                                                    
      mean: 100.691 (0.394867)                |       mean: 114.719 (0.449879)                                                                                                                                                      
      standard deviation: 84.552 (0.331576)   |       standard deviation: 92.5997 (0.363136)                                                                                                                                        
      kurtosis: -0.86307                      |       kurtosis: -1.20889                                                                                                                                                            
      skewness: 0.600582                      |       skewness: 0.428943                                                                                                                                                            
      entropy: 0.626761                       |       entropy: 0.640743                                                                                                                                                             
      mean: 199.804 (0.783545)                |       mean: 195.449 (0.766466)                                                                                                                                                      
      standard deviation: 100.551 (0.394318)  |       standard deviation: 103.445 (0.405669)                                                                                                                                        
      kurtosis: 0.00158551                    |       kurtosis: -0.316896                                                                                                                                                           
      skewness: -1.38079                      |       skewness: -1.26072                                                                                                                                                            
      entropy: 0.263538                       |       entropy: 0.263553                                                                                                                                                             
  Colors: 320                                 |   Colors: 316   
...
  Page geometry: 39x39+0+0                    |   Page geometry: 40x39+0+0                                                                                                                                                          
    png:IHDR.width,height: 39,39             |     png:IHDR.width,height: 40,39                                                                                                                                                   
    signature: 9995b265a15a8c420fb52a3a2394c1 |     signature: 55dfc1232b6f0d2684c3ff47e78cfc                                                                                                                                       
    filename: production.png                  |     filename: search.png                                                                                                                                                            
  Filesize: 1386B                             |   Filesize: 1406B                                                                                                                                                                   
  Number pixels: 1521                         |   Number pixels: 1560

我进行了很多测试，不确定是否与透明度完全相关，我在此处设置了一个简单的html测试：

现在的代码非常简单：

<html><head>
        <style>
                .works,.worksnot{
                        background-repeat:no-repeat;
                        height:50px;
                        background-image:url('pics/navigation/buttons/search.png');    
                }       
                .worksnot{
                        background-image:url('pics/navigation/buttons/production.png'); 
                }       
        </style>
</head>
<body>
        <div class="works"></div>   
        <div class="worksnot"></div>
        <br><br>plain it works:<img src="https://spacetrace.org/pics/navigation/buttons/production.png">        
</body></html>

这些是原始文件：

它们可以在所有浏览器中使用，但最新的Android Firefox除外（几周前，Android上的Firefox也可以正常工作）。

解决方法

这似乎是Mozilla ^^的已知错误（或功能）。

请参见https://support.mozilla.org/bm/questions/933016 并在此处：https：//groups.google.com/g/mozilla.dev.apps.firefox/c/gnpS9x0JJ0g？pli = 1

因此，您可以通过在保存侧使用纯色背景色来解决此问题。

background-imagefirefox-androidtransparency