Question

我最近在我的网站上实现了Lightbox，以便在现代弹出窗口中显示图像。它在所有浏览器的普通网站模式下都很有效。但是，如果我切换到Safari 阅读器模式，则不会显示图像。甚至很糟糕：纯文本在第一张图片上结束，因此用户无法继续阅读。似乎Lightbox或我在HTML中使用它的方式与阅读器模式不兼容。我在这里弄错了什么？这是原始的HTML代码。

<br><br>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="border: solid 0px #f0f0f0;padding: 0px;background-color:#f0f0f0;">
<tr>
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<a href="bilder/artikel/g8bpart2/g8bpart2_000.jpg" data-lightbox="bilder/artikel/g8bpart2/g8bpart2_000.jpg" data-title="C64 &bdquo;Aldi&ldquo; (1987) mit empfohlenem Basis-Setup. (Bild:&nbsp;Stefan&nbsp;Vogt)"><img src="bilder/artikel/g8bpart2/g8bpart2_000.jpg" title="C64 &bdquo;Aldi&ldquo; (1987) mit empfohlenem Basis-Setup. (Bild:&nbsp;Stefan&nbsp;Vogt)" alt="C64 &bdquo;Aldi&ldquo; (1987) mit empfohlenem Basis-Setup. (Bild:&nbsp;Stefan&nbsp;Vogt)" width="660px" vspace="0"></a>
</td>
</tr>
</table>
<table class="bild_text" style="padding: 5px;" align="center" width="660px" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<span style="color: #333333;">C64 &bdquo;Aldi&ldquo; (1987) mit empfohlenem Basis-Setup. (Bild:&nbsp;Stefan&nbsp;Vogt)</span>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br>

感谢您的帮助。

Answer 1

阅读器模式可删除样式化，无关联图像，自定义字体，广告，社交分享按钮以及其他可能会分散网页注意力的内容。 Safari Reader将检测包含标题元素（to）的一个或块级元素，后跟一定量的文本。当内容文本（不包括标题）超过2,000个字符时，将显示阅读器标记。它不是设计用于显示灯箱之类的弹出窗口，只显示文章中的图像和可读形式的文本。它基于Readability 简而言之，您似乎无法为此启用灯箱，似乎

Safari阅读器模式不显示Lightbox图像

1 个答案: