Question

我正在使用自定义“pre”标签在wordpress帖子区域中创建滚动文本框。

.entry pre {
    max-height: 300px;
    overflow: auto;
    text-align: left;
    width: 616px;
    border-width: 1px;
    border-color:#333;
    border-style: inset;
    padding: 5px;
    margin: 0px;
    font-size:12px;
    background:#000 url('http://www.emcsaninfo.com/wp-content/uploads/2013/06/symcli-back.jpg') no-repeat;
    color:white;
    padding-top:20px;
}

我使用的图像将定位为滚动框的标题。但我在这里面临一个问题。文本在图像上滚动。当我向下滚动框时，我想在图像后面发送文本。有任何线索来实现这一目标吗？提前致谢

Answer 1

除了使用背景图像，您可以添加一个带有:before的伪元素，将背景设置为替代，并将其绝对放置在文本框的顶部。如果你给它一个z-index，它会使文本在滚动下面消失。

如果你设置了一个小提琴你到目前为止，我将很乐意演示。

如何在图像后面设置文本滚动

1 个答案: