이미지 뒤에 텍스트 스크롤을 설정하는 방법

사용자 정의 "사전"태그를 사용하여 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; 
}

스크롤 상자의 제목으로 사용할 이미지를 사용하고 있습니다. 하지만 여기서 문제가 있습니다. 텍스트가 이미지 위로 스크롤됩니다. 상자를 아래로 스크롤하는 동안 이미지 뒤에 텍스트를 보내려고했습니다. 이것을 달성하기위한 단서가 있습니까? 미리 감사드립니다.

출처

2013-06-30 anoopcr

'css'' html'과 같은 질문에 따라 관련 태그를 사용하여 질문에 대한 답변을 얻으십시오. –

배경 이미지 대신에 :before으로 의사 요소를 추가하고 배경을 대신 설정하고 텍스트 상자 위에 절대 위치를 지정할 수 있습니다. Z- 인덱스를 지정하면 스크롤 할 때 텍스트 아래에 텍스트가 사라집니다.

당신이 지금까지 가지고있는 것들로 바이올린을 설정한다면, 나는 기쁜 마음으로 시연 할 것입니다.

출처

2013-06-30 12:58:07 Pevara

안녕하세요 PeterVR입니다. http://jsfiddle.net/wNTe6/ – anoopcr

et voila : http://jsfiddle.net/wNTe6/1/ – Pevara

이미지 뒤에 텍스트 스크롤을 설정하는 방법

답변

관련 문제