0

我最近在我的网站上实现了 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>

谢谢你的帮助。

4

1 回答 1

0

阅读器模式消除了风格化、不相关的图像、自定义字体、广告、社交分享按钮以及许多其他可能会分散网页注意力的东西。Safari 阅读器将检测包含标题元素 ( to ) 的或块级元素，后跟一定数量的文本。当内容文本（不包括标题）超过 2,000 个字符时，将出现读者徽章。它并非旨在显示像灯箱这样的弹出窗口，仅以可读形式显示文章内图像和文本。它基于可读性 简而言之，您将无法为此启用灯箱，看来

于 2015-06-27T19:55:20.740 回答