如何使表单固定在背景图像滑块上的位置

时间:2014-01-31 05:36:38

标签: jquery css

我正在设计一个网站,在索引页中应该有图片滑块

图片滑块上会有注册表单,我希望滑块图片会滑动但是表单不会滑动,它会在同一个位置

但我不能这样做,我不知道我该怎么做。

请帮帮我。谢谢。

1 个答案:

答案 0 :(得分:0)

关于我上面的评论。很难说出你给我们你的代码。干杯

[JSfiddle][1]

JSfiddle

编辑:

在HTML中,在滑块周围创建一个容器div。在容器div内,将表单移出滑块进入容器

<div class="container">

<div class="form"> <input type="text"> <input type="text"> <input type="submit"> </div>

<div class="slider"><ul class="cb-slideshow"> <li> <div><a href="javascript:void(0)"><img src="img/ABHIK.jpg"></a></div> </li> <li> <div><a href="javascript:void(0)"><img src="img/skytel_night.jpg"></a></div> </li> <li> <div><a href="javascript:void(0)"><img src="img/skytel_afternoon.jpg"></a></div> </li> </ul> </div>

<div> <---container-end--->

在您的CSS中,尝试.container {position: relative}.form {position: absolute; right: 0px; bottom: 0px}

给它一个破解,但你提供的代码非常有限。如果你在网上或JSfiddle上,我可以试着给你一个解决方案。