Есть ли способ переместить все данные base64-изображений в один организованный раздел веб-страницы? - PullRequest
Новая
       13

Есть ли способ переместить все данные base64-изображений в один организованный раздел веб-страницы?

0 голосов
/ 05 марта 2019

Я внедряю изображения base64 в свои проекты веб-страниц и хочу, чтобы все было организовано, но base64 занимает большие разделы разметки, затрудняя их чтение и отладку.

Есть ли способ разделить строки base64 в другом месте на странице? 

<html>
  <head>
  </head>
  <body>
    <!-- markup here -->
    <!-- markup here -->
    <!-- markup here -->
  </body>
</html>

Есть ли способ организовать все строки base64 вместе в начале тега body или в конце?

Обновление
Существуют примеры перемещения данных изображения в CSS в качестве фонового изображения и последующего назначения класса. Это может работать в некоторых случаях, но не в тех случаях, когда ожидается поведение изображения.

1 Ответ

1 голос
/ 06 марта 2019

Если вы используете CSS и хотите сохранить организованный код, вы можете поместить URL-адрес изображения данных в css и вызвать его, используя div в теле. проверьте пример кода 

<!DOCTYPE html>
<html>
<head>
<style>
#someclass {
	/* single gray pixel - repeated */
	background-image:
		url('data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==');
	background-repeat: repeat;
	background-position: left top;
	position: absolute;
	left: 30px;
	top: 68px;
}
</style>
</head>

<body>
	<div id="someclass">sssssss....</div>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...