如何在圖像後面設置文本滾動

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索引，它將使文本在滾動下消失。

如果您對迄今爲止所做的一切有了一個小提琴，我會很樂意演示。