web-dev-qa-db-ja.com

Chrome:背景が透明な画像が判読できない(黒地に黒)

画像を表示しようとすると独自のタブで以下のようにChrome 39 on Windows 8)を使用すると、表示されるのは黒だけです。これは、テキスト(実際には画像です)は黒で、背景Chrome画像の下で使用)も黒です。

ただし、Firefox 33にはこの問題はないようで、代わりに透明度を灰色がかったテクスチャで埋めているようです。

Chromeを使用して、この画像をクリックしてタブバーにドラッグし、私が話していることを確認します。

Black text on transparent background

このような画像を独自のタブで表示するにはどうすればよいですか?特定の画像のリンクをクリックすると、多くの場合、真っ黒なタブが表示されます。つまり、ブラウザの外部で画像を表示する必要があります。とても不便です。

4
Bort

互換性の問題が発生している理由はわかりませんが、ユーザーエージェントスタイルの回避策としてブックマークレットを使用できます。私はクロムで画像の背景色を変更するためにここでこの小さな男を作りました:


javascript:(function(){%20var%20style=document.createElement('style');style.innerHTML='html%20body%20img.decoded{background:#666%20!important';%20document.body.appendChild(style)%20})();

上記のコードをコピーして、ブックマークレットとしてブラウザに貼り付けるだけです。 chrome.img.bg.changerのような名前を付けますが、私は創造的ではありません。
特別なことは何もありませんが、その解決策です

1
albert