2013-08-24 33 views
0

我有一個網頁,我想彈出它的描述。我用過rightJS燈箱2.4.0。它工作正常,但唯一的問題是它只顯示我的文本的一部分。我附上了一個示例文件來檢查;正如你所看到的,它不會彈出整個文本。RightJs燈箱不顯示長文本

有什麼建議嗎?

感謝

這是一個示例代碼:

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

回答

1

如果您通過Chrome或Firefox檢查員檢查燈箱DOM,你會看到,它實際上有燈箱但rui-內的全部文本lightbox-scroller has

overflow:hidden 

CSS規則和它切斷了文本。

overflow-y:scroll; 

的HTML結構在風格調整部分,在那裏你描述:

與燈箱的寬度設置播放或嘗試使用下列的CSS規則此元素(瑞燈箱,滾動)可以比較DOM