1

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;

なぜこれが起こるのか考えはありますか？どうすればこれを解決できますか？

4

3 に答える 3

3

それはカラープロファイルとカラー補正と関係があります。詳細については、この記事を参照してください。

于 2012-07-31T11:56:42.923 に答える
3

動作するように見える簡単な修正..

  • GIMPをダウンロードして実行します。
  • PNGファイルを開きます。
  • メインメニューから[画像]->[モード]->[インデックス付き]を選択します。
  • PNGファイルを保存/上書きします。
于 2020-02-07T11:45:06.173 に答える
0

viaマークダウン（reveal.js）を使用divしてにロードされた透明なPNGで問題が発生しましたが、透明なピクセルが赤い色よりも明るく表示されていました。background-color:red

ここに画像の説明を入力してください

明るい赤は透明なPNGです（左下の白はロゴの一部です）。

結局のところ、0.12アルファの白い背景を持つマークダウン画像（少なくともテーマを含む）をreveal.jsロードします：beige

.reveal section img {
    ...
    background: rgba(255, 255, 255, 0.12);
    ...
}

Chromeデベロッパーツールの検査機能で無効にすると、問題は解決しました。

私と同じ背景色で画像をスタイリングすることで、最終的にマークダウンでそれを解決しましたdiv

![The logo](logo_with_transparent_background.png){class=plain style="background-color:red"}
于 2019-12-01T05:11:20.907 に答える