Question

我正在创建一个包含图像的表，并希望将图像的src作为样式表中的base64数据URI引用。此样式表将包含已编码的多重图像。我可以在页面正文或头部执行此操作，但这使文档难以编辑。我应该如何编码正文和表格中的图像标签以从外部CSS引用？

我尝试将图像用作正文中的base64 data-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/

如您在第一行中看到的，图像以传统方式显示。在第二行中，我在img代码中使用了base64图像代码。第三行显示了所需的无效代码。

Answer 1

如果您将类C添加到每个<img>，则您的解决方案将起作用：

<img src="" align="bottom" border="0" height="186" width="120" class="C" />

JSfiddle：https://jsfiddle.net/a40qnzuf/

是否有使用CSS样式表中的base64数据URI图像的正确方法？

1 个答案: