Div位置参数中断滑块
div position argument breaks slider
我正试图在我的网站内集成一个简单的滑块,并在jsfiddle上找到这个例子
我确实想把滑块"相对"在我的网站,但如果我改变css为position: relative;
滑块不再正常工作了,因为它现在显示一个一个的褪色图像,像这样
为什么会发生这种情况,我如何在我的网站中定位滑块div"相对"?我尝试用另一个div-layer来包装它,但是没有成功。
按您说的试试包装器div
你应该把你的滑块放在另一个div
,然后定位这个包装div
相对。
<div id="wrap">//<--Add here tha wrapper div
<div id="banner_area">
<img class="active" src="http://viewallpapers.com/wp-content/uploads/2013/06/Uluru-Australia.jpg" />
<img src="http://www.wallpaperhi.com/thumbnails/detail/20130309/ocean%20beach%20rocks%20australia%201920x1200%20wallpaper_www.wallpaperhi.com_71.jpg" />
<img src="http://www.star.com.au/star-event-centre/PublishingImages/about-sydney-800x500.jpg" />
<img src="http://www.ytravelblog.com/wp-content/uploads/2013/06/Whitsunday-Islands-Queensland-Australia-6.jpg" />
</div>
</div>
CSS: #wrap{
position:relative;
top:100px;
left:100px;
}
演示要在网站内浮动,在#wrap
上添加height
#wrap{
position:relative;
top:0px;
left:100px;
height:250px;
}
以及接下来
您不需要包装器。您将position: relative
设置在错误的元素上。将其设置在#banner_area
上,而不是#banner_area img
。演示
相关文章:
- 函数参数中的数据与指定变量之间的任何性能差异
- 使用Express捕获参数
- 参数变量出现ngTable指令问题
- AngularJS:我可以跳过函数参数回调吗
- 如何使用skip参数使用angular ui引导进行服务器端分页
- 要求未定义JS回调参数
- 我的jQuery插件参数没有正确启动,遇到了问题
- 获取@ResponseBody的一部分作为主干和Spring MVC控制器之间的参数
- jquery设置为使用参数运行
- Javascript”;类“;带有参数的扩展
- 为什么grunt contrib connect的中间件选项的第三个参数是未定义的
- 函数未将值作为参数传递
- 如何将参数传递到angularJs中的工厂
- JS:检查URL中的参数,然后迭代一个参数为var的函数
- 带斜杠-中断路由的节点JS路由参数
- AngularJS 延迟加载在 1.3.x 迁移后中断,获取参数“XXCntr”不是一个函数,未定义
- CSS样式中断使用参数?—状态304未修改
- atom美化插件中断函数参数
- 将参数传递给Javascript-与2一起工作,与3一起中断
- Div位置参数中断滑块