Question

我试图将脚注添加到图像中。

弹出窗口有效，图像尺寸合适，但图像本身不会显示。

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

<?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>

Answer 1

前一段时间我遇到了完全相同的问题。图像不会加载到iBooks中的某些旁边，但在其他版本中会加载。

在iPad1上运行它支持的最新版本的iBooks，我能够通过CSS将它们作为div的背景URL插入显示图像，其中设置尺寸在旁边，但仅限于内联样式。我没有附上代码，因为它实际上永远不会被使用。
带有更新版iBooks的iPad3继续出现问题，并且没有定期显示背景图像，但是解决方法非常难看，无论如何我放弃了它。我相信这是iBooks中的一个错误。

Answer 2

您可以使用data 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。

Answer 3

按照以下步骤操作：

将图像格式* .jpg转换为* .SVG（或）从PDF重新裁剪图像并保存为SVG（使用插图画家）
在编辑器中打开图像文件
复制SVG编码
将其粘贴到相应的图像位置。

iBook脚注与图像为Epub Aside标记

3 个答案: