懂CSS的高手进！！如何给店招图片上做搜索框

如果你的图片不是背景图

1、给你的背景图的div添加谈派一个样式 position:relative

2、给你的搜索框的div添加一个样式 position:absoluteright:数值pxtop:数值px

如果你的图片是背景图

那就很简单了，直接含让贺在div 里面添加一个输入框和一个提交按钮即可。

<input type="text" value="输入关键词" class="text" />

<input type="button" value="搜索" class="button" />滑喊

再给这2个input框添加独立的样式就行了。

INPUT.text{}

INPUT.button{}

望采纳

你好！布局纯姿建议使用div里边放轮裤渣input和button的方式

<div style="border:1px solid #ccccccwidth:150pxheight:25px">

<input type="text" style="border:0margin-left:5pxwidth:110pxheight:25pxline-height:25px" />

<input type="button" value="" style="background:url(searchBtn.gif) no-repeat center centerwidth:15pxheight:15pxmargin:5px" />

</div>

以上为大概思路，具体数值还需腊悄根据实际情况进行调整！

首先你这代码本身就有问题的，li标签是在ul标签下的，不迹物能直接嵌套在DIV下，如果要加的话,改为如下结构：

<div class="nav"> <!-- 此处清浮动 -->

<ul style="float:leftwidth:300px"> <!-- 宽度根据具体情况 -->

<li><a href="#">首页</a></li>

<li><a href="#">产品中心</a></li>

<ul>

<li><a href="#">产品A</a></li>

<li><a href="#">产品B</a></li>

<li><a href="#">产品C</a></li>

</ul>

</li>

<li>客户服务</li>

<!-- 此处添加其他导航项 -->

</ul>

<form action="" method="post" style="float:rightwidth:120px">

<input type="text"敏州谈 name="keyword" placeholder="请输入关键词" />桥碰

<input type="submit" class="submit" /><!-- 扣个图给按钮背景 -->

</form>

</div>

---