Я создаю таблицу, содержащую изображения, и хочу сослаться на источник изображения как на URI-код base64 из таблицы стилей.Эта таблица стилей будет содержать несколько закодированных изображений.Я мог бы сделать это в теле страницы или в заголовке, но это затрудняет редактирование документа.Как я должен кодировать тег изображения в теле и таблице для ссылки из внешнего CSS?
Я пытался использовать изображение как base64-URI данных в теле.
<img alt="B" src="data:image/png;base64,iVBORw0KG..." align="bottom" border="0" height="186" width="120">
Это работает.Также в голове как стиль.
Я осмотрел stackoverflow и другие места и нашел похожий код, но не с внешним файлом CSS.
<!-- within the page body -->
<td style="vertical-align: top; height: 186px; width: 120px;">
<div class="parent">
<div class="child"><img src="C" align="bottom" border="0" height="186" width="120"> </div>
</div>
</td>
Вот JSfiddle https://jsfiddle.net/mL5fkung/
Как видно из 1-го ряда, изображения показаны традиционным способом.Во 2-й строке я использую код изображения base64 в коде img.3-я строка показывает нужный код, который не работает.