javascript - フィックス コンテンツをフレックス スライダーに配置する

Question

フレックススライド（li）の内側（スライド画像の上）にコンテンツ（div-menu）を配置する方法を知っている人はいますか？

Flex スライダーのデフォルト コード:

<div class="wrapper_top">
<div class="flexslider">
    <ul class="slides">

    <li>
    <img src="img/s1.jpg" />
    </li>

    <li>
    <img src="img/s2.jpg" />
    </li>


    </ul>

    </div>
</div>

たとえば、.willbemenu divを入れたいと思います。これは私が欲しい画像です: http://s7.postimg.org/5ul8zk1d7/WILLBE.jpg

.willbemenu{width: 1000px; background-color: orange; padding: 10px; text-align: center;}

私はこの方法を試して動作しますが、問題はフレックススライダーがスライドするときです。スライドせずに willbemenu div FIXED が必要です。

<div class="flexslider">
  <ul class="slides">
    <li style="background-image: url(img/s1.jpg);">
      <div class="willbemenu">Some option Some option</div>
    </li>
</div>