Расширение Chrome - невозможно загружать изображения с помощью CSS;Base64?

Question

У меня проблемы с попытками заставить мое расширение работать. Я пытаюсь загрузить изображение с помощью CSS, но Chrome не отображает его. Я увидел еще один пост , в котором описана моя проблема, и решение было использовать base64 Приведенный пример не был достаточно подробным для меня, чтобы понять. Может кто-нибудь привести более подробный пример или предложить альтернативу base64?

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

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

Answer 1

Перейдите к http://www.motobit.com/util/base64-decoder-encoder.asp

Загрузите файл изображения с помощью просмотра (ниже 'или выберите файл для преобразования в строку Base64').

Преобразовать в base64.Скопируйте сгенерированную строку и поместите ее в свой CSS.

например, если для вашего изображения кодируется base64: "9j / 4AAQSkZJRgABAQEASABIAAD / 4gv4SUNDX1BST0ZJTEUAAQEAAAvoAAAAAAIAAABtbnRyUkdC"

фоновое изображение: 1011 * background1 * background: * 1011base64,9j / 4AAQSkZJRgABAQEASABIAAD / 4gv4SUNDX1BST0ZJTEUAAQEAAAvoAAAAAAIAAABtbnRyUkdC);}