0

説明をポップアップ表示したいWebページがあります。rightJS ライトボックス 2.4.0 を使用しました。問題なく動作しますが、唯一の問題は、テキストの一部しか表示されないことです。確認用のサンプル ファイルを添付しました。ご覧のとおり、テキスト全体がポップアップしません。

助言がありますか？

ありがとう

これはサンプルコードです:

<!DOCTYPE html>
<html>
<head>
<title>RightJS: Lightbox</title>
 <script src="right.js"></script>
 <script src="lightbox.js"></script>

</head>

<body>

<div class="lower">
<a href onclick="Lightbox.show($(&quot;loremm-block&quot;).html()).resize({width:&quot;20em&quot;}); return false;">Link</a>
</div>

<div id="loremm-block" style="display:none;"> a very long text </div> 

</body>
4

1 に答える 1

1

Chrome または Firefox のインスペクターを介して Lightbox DOM を検査すると、実際には Lightbox 内にテキスト全体が含まれていることがわかりますが、rui-lightbox-scrollerには

overflow:hidden

CSS ルールとそれはテキストを切り取ります。

ライトボックスの幅設定で遊ぶか、この要素に次の CSS ルールを適用してみてください ( rui-lightbox-scroller ):

overflow-y:scroll;

HTML 構造は、DOM を比較できるスタイル調整セクションで説明されています。

于 2013-11-28T07:19:15.433 に答える