如何在滑块横幅上创建搜索？答案

【问题标题】：how to create a search on slider banner?如何在滑块横幅上创建搜索？
【发布时间】：2017-08-22 20:17:35
【问题描述】：

代码：

<section id="featured" class="bg">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div id="main-slider" class="main-slider flexslider">
                    <ul class="slides">
                      <li>
                        <img src="<?php echo base_url(); ?>resources/img/1.jpg" alt="" />
                      </li>
                      <li>
                        <img src="<?php echo base_url(); ?>resources/img/2.jpg" alt="" />
                      </li>
                      <li>
                        <img src="<?php echo base_url(); ?>resources/img/3.jpg" alt="" />
                      </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>  
</section>

<div class="col-lg-12">
    <input type="text" name="search" id="search" placeholder="search file"/>
    <input type="submit" name="find" id="find" />
</div>

在我的索引页面中，我有一个滑块横幅，其中三个图像一张一张地连续滑动。现在，我想在滑块中间添加搜索栏，图像可以滑动，搜索栏应该修复。我该怎么做？请帮帮我。

谢谢

【问题讨论】：

任何人都可以帮助我
您可以放置您的 html 并通过使用横幅 div 的绝对位置（相对位置）来解决此问题。

标签： php css codeigniter

【解决方案1】：

将搜索 div 放在 section 内，并使其相对于 section 成为绝对

<section id="featured" class="bg">
<div class="container">
    <div class="row">
        <div class="col-lg-12">
            <div id="main-slider" class="main-slider flexslider">
                <ul class="slides">
                  <li>
                    <img src="<?php echo base_url(); ?>resources/img/1.jpg" alt="" />
                  </li>
                  <li>
                    <img src="<?php echo base_url(); ?>resources/img/2.jpg" alt="" />
                  </li>
                  <li>
                    <img src="<?php echo base_url(); ?>resources/img/3.jpg" alt="" />
                  </li>
                </ul>
            </div>
        </div>
    </div>
</div> 
<div class="col-lg-12 search_outer">
<input type="text" name="search" id="search" placeholder="search file"/>
<input type="submit" name="find" id="find" />
</div>
</section>

【讨论】：