Chrome拡張機能 - 画像をCSSで読み込めません。 Base64？

Question

エクステンションを動作させる際に問題が発生しました。私はCSSで画像をロードしようとしていますが、Chromeはそれを表示していません。私は私の問題を記述した別のpostを見ました。その解決策はbase64でした。提供された例は私が理解するのに十分詳細ではありませんでした。誰かがもっと詳細な例を提供してもいいか、おそらくbase64の代替案を提供してもらえますか？ http://www.motobit.com/util/base64-decoder-encoder.asp

へ

body{ background-image:url(face.png); } 

body { background-image: url(data:image/png;base64,iVB...); } 

Answer 1

ゴー（下の「またはBase64文字列に変換するファイルを選択」）閲覧して画像ファイルをアップロードします。

base64に変換します。生成された文字列をコピーしてCSSに入れます。

あなたの画像のbase64でエンコードの場合： "9J/4AAQSkZJRgABAQEASABIAAD/4gv4SUNDX1BST0ZJTEUAAQEAAAvoAAAAAAIAAABtbnRyUkdC"

プット、

体{ 背景画像：のURL（データ：画像/ PNG; base64,9j/4AAQSkZJRgABAQEASABIAAD/4gv4SUNDX1BST0ZJTEUAAQEAAAvoAAAAAAIAAABtbnRyUkdC）。 }