帶有用於Epub的圖像的iBook腳註Aside標記

彈出式工程中，圖像的大小有合適的大小，但圖像本身不顯示。

下面是屏幕截圖，後面跟着代碼。

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

來源

2013-06-27 theMouse

您是否確認圖像正文內容正確加載？ –

我是前一陣子有完全相同的問題。圖像不會加載到iBooks的某些旁白中，但會在其他位置中加載。

在iPad1上運行它支持的iBooks的最後一個版本，我可以通過CSS插入它們來顯示圖像，作爲設置尺寸內側的div的背景網址，但僅限於內嵌樣式。我沒有附加代碼，因爲它永遠不會被使用。

帶有更新版本的iBooks的iPad3仍然是越野車，並且不會定期顯示背景圖像，但解決方法非常難看，無論如何我都放棄了。我相信這是iBooks中的一個錯誤。

來源

2013-07-01 16:59:59 mzmm56

討厭這樣說，但是請問你能提供你用來獲得這個工作的代碼嗎，不管多麼黑客？ :) –

@Matt Mc，很確定我現在刪除了這本書，因爲它只用於測試。可能我的答案也應該更新，因爲iBooks軟件可能發生了變化。雖然在一兩週內沒有機會這樣做，但同時你可以嘗試用帶內聯樣式的div放入上面的鼠標代碼，看看它是如何工作的。 – mzmm56

您可以通過使用data URI得到的iBooks這個工作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-03 04:12:17

遵循以下步驟：

轉換圖像格式* .JPG爲* .SVG（或）從PDF重新剪裁圖像並保存爲SVG（使用Illustrator）
打開編輯器中的圖像文件
複製SVG編碼
將其粘貼到相應的圖像位置。

來源

2017-01-11 12:24:19

帶有用於Epub的圖像的iBook腳註Aside標記

回答

相關問題