0

我有一个网页，我想在其中弹出一个描述。我用过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规则，它切断了文本。

使用 Lightbox 的宽度设置或尝试将以下 CSS 规则应用于此元素（rui-lightbox-scroller）：

overflow-y:scroll;

样式调整部分描述了 HTML 结构，您可以在其中比较 DOM

于 2013-11-28T07:19:15.433 回答