Мой оригинальный FlexSlider разметки:Как я могу добавить содержимое внутри своего FlexSlider?
<div id="flex" class="flexslider">
<ol class="flex-control-nav flex-control-paging"><li><a class="flex-active">1</a></li><li><a class="">2</a></li><li><a class="">3</a></li><li><a class="">4</a></li></ol>
<ul class="slides">
<li>
<img src="assets/img/bg-1.jpg" alt="">
</li>
<li>
<img src="assets/img/bg-1.jpg" alt="">
</li>
<li>
<img src="assets/img/bg-1.jpg" alt="">
</li>
</ul>
</div>
Мой текущий FlexSlider разметка:
<div id="flex" class="flexslider">
<ol class="flex-control-nav flex-control-paging"><li><a class="flex-active">1</a></li><li><a class="">2</a></li><li><a class="">3</a></li><li><a class="">4</a></li></ol>
<ul class="slides">
<li>
<div class="slider-content">
<h2>Welcome Jack</h2>
<p>This is a numch of dummy text jusrt to take up some space s o that I can see how it will ook like with all these characters being taken up in the world of the of uds this is a nothis is a noahtest test I hope that I can do this as possible.</p>
</div>
<img src="assets/img/bg-1.jpg" alt="">
</li>
<li>
<div class="slider-content">
<h2>Welcome Bob</h2>
<p>This is a numch of dummy text jusrt to take up some space s o that I can see how it will ook like with all these characters being taken up in the world uds this is a nothis is a noahtest test I hope that I can do this as possible.</p>
</div>
<img src="assets/img/bg-1.jpg" alt="">
</li>
<li>
<div class="slider-content">
<h2>Welcome Dan</h2>
<p>This is a numch of dummy text jusrt to take up some space s o that I can see how it will ook like with all these characters being taken up in the world of uds this is a nothis is a noahtest test I hope that I can do this as possible.</p>
</div>
<img src="assets/img/bg-1.jpg" alt="">
</li>
</ul>
</div>
, как вы можете видеть, что я добавил это перед изображениями:
<div class="slider-content">
<h2>Welcome Jack</h2>
<p>This is a numch of dummy text jusrt to take up some space s o that I can see how it will ook like with all these characters being taken up in the world of the of uds this is a nothis is a noahtest test I hope that I can do this as possible.</p>
</div>
Теперь проблема заключается в том, что я может получить его только туда, где я хочу его в слайде, если я положу .slider-content абсолютным, потому что, если я не получу содержимое слайдера поверх слайдера с ах громадный край над ним. Но если я уверен, что он не работает внутри слайдеров. Содержимое слайдера не будет меняться вместе со слайдами, которые он будет просто сидеть на них. Итак, я попробовал позиционировать его относительно, и мне удалось получить его там, где я хочу быть с left: 600px; top: 300px;
, но затем огромный запас поверх слайдера, где должно было остаться .slider-content. И это не настоящая «маржа», это как бы ее часть высоты <li>
. Надеюсь, это имеет смысл, но, чтобы судить об этом, я просто хочу иметь возможность добавлять контент в свои слайдеры.
http://codepen.io/nzshumate/pen/YXXjPY – NateShumate
Эй я использовал свое решение, и она работала тогда я сузил его к корню исправления и получается все Мне нужно было предоставить '.flexslider .slides> li { position: relative; } 'Я предполагаю, что мне не хватало положения относительно li .. спасибо TON! ценю вашу помощь! –