2

我正在尝试让脚注包含图像。

弹出的作品，有一个适合图像大小的空间，但图像本身不显示。

这是一个屏幕截图，后面是代码。

<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops">
<head>
  <title>test</title>
</head>

<body>
  <div>
    <p>The <a epub:type="noteref" href="#test">star</a> looks blue.</p>
  </div>

  <aside epub:type="footnote" id="test">
    <p><img alt="" src="../Images/Mario.png" />The image should be above this line</p>
  </aside>
</body>
</html>
4

3 回答 3

3

不久前我遇到了完全相同的问题。图像不会加载到 iBooks 中的某些旁白中，但会加载到其他旁白中。

在运行它支持的最后一个版本的 iBooks 的 iPad1 上，我能够通过 CSS 将图像插入作为 div 的背景 url 来显示图像，并在其中设置尺寸，但只能使用内联样式。我没有附上代码，因为它永远不应该被实际使用。

带有更新版本 iBooks 的 iPad3 仍然存在错误，并且不会定期显示背景图像，但解决方法太丑陋了，我还是放弃了它。我相信这是 iBooks 中的一个错误。

于 2013-07-01T16:59:59.267 回答
0

您可以使用数据 URI在 iBooks for OSX 中使用它：

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />

这也适用于内联 SVG。

此外，内联background-image: url(...)属性对我来说也很好。在 iOS 上的 iBooks 4.8 和 3.0.2 以及 OSX 上的 1.5 上进行了测试。

于 2016-06-03T04:12:17.587 回答
0

请按照以下步骤操作：

  1. 将图像格式 *.jpg 转换为 *.SVG（或）从 PDF 重新裁剪图像并另存为 SVG（使用 illustrator）
  2. 在编辑器中打开图像文件
  3. 复制 SVG 编码
  4. 将其粘贴到相应的图像位置。
于 2017-01-11T12:24:19.457 回答