0

最近、自分のサイトにライトボックスを実装して、最新のポップアップで画像を表示しました。すべてのブラウザーで通常の Web サイト モードでうまく機能します。しかし、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 Reader は、ヘッダー要素 ( to ) とそれに続く一定量のテキストを含むまたはブロック レベルの要素を検出します。コンテンツ テキスト (ヘッダーを除く) が 2,000 文字を超えると、リーダー バッジが表示されます。ライトボックスのようなポップアップを表示するようには設計されておらず、記事内の画像とテキストのみを読み取り可能な形式で表示するように設計されています。読みやすさに基づいて いますつまり、これに対してライトボックスを有効にすることはできません。

于 2015-06-27T19:55:20.740 に答える