размещение фиксированного контента в flexslider slideshow

Question

Мне нужна помощь с помещением фиксированного контента в flexslider. Я имею в виду, что будет какой-то текст или какая-то кнопка, и слайд-шоу будет напоминать фон. Я был вдохновлен одной темой здесь, в stackoverflow, и я сделал что-то вроде этого.

<div class="flexslider"> 
       <div class="textinside">Some text</div> 

       <ul class="slides"> 
        <li> 
         <img src="/images/1.jpg" /> 
        </li> 
        <li> 
         <img src="/images/2.jpg" /> 
        </li> 
        <li> 
         <img src="/images/3.jpg" /> 
        </li> 
       </ul> 
      </div> 

и стиль для .textinside:

.textinside{ width:15%; background-color:black; padding:10px; text-align:center; } 
.textinside{ position:absolute; top:100px; left:50%; margin-left:-500px; z-index:1;} 

Проблема заключается в том, что этот текст отображается только на некоторое время, когда слайды меняются, а затем пропадает. У каждого параметра flexslider установлены значения по умолчанию. Может быть, кто-то такой добрый и помог мне исправить это? Благодаря

Answer 1

z-index Увеличение значения:

.textinside { 
    /* ... other styles */ 
    z-index: 10; 
} 

FlexSlider li элементы имеет z-index: 2. Это объясняет, почему вы видите, что ваш текст мигает ненадолго во время перехода элементов. Сделать .textinside z-index не менее 3.