[问题] 试做广告旋转木马效果

楼主: cgcat (小绵羊赶集)   2014-09-22 14:46:16
我要试做一个广告旋转木马的效果
目前先用css再排板,但却遇到一个问题
我的效果是这样的,一组推荐模组有四张图片当鼠标移过
最右边的图片会出现next的箭头图片,最左边则会有prev的箭头图片作为btn
因为必须要将箭头图片压在推荐的图片上面
所以我在推荐图片的wrap下了position:absolute;这样箭头才可以压在上层
但是因为下了position:absolute;之后下方的footer就会无视推荐模组的高度
不会排序在推荐模组下,变成footer与推荐重叠
有什么方法可以解决这样的状况让footer会排序在推荐后面呢?
以下是我的code,谢谢各位高手
http://jsfiddle.net/y1hysheh/
作者: mmis1000 (秋月恋枫)   2014-09-22 18:56:00
图片404阿...根本看不懂
作者: crown (Crown)   2014-09-23 01:40:00
我是后端工程师,但是这种前端工作我也做N次了
作者: Canboo (啃布先生)   2014-09-23 08:23:00
clear:auto或hidden
作者: leochen0818 (Leo)   2014-09-23 11:10:00
要放在后面的元素设定clear: both就可以了不过通常该区块会先用一块div包起来并且设定position: relative再在该区块进行其他设定,就不会影响到后面的区块
作者: aspdoctor (大崎)   2014-09-23 14:13:00
原来这个中文叫旋转木马
作者: leochen0818 (Leo)   2014-09-23 15:37:00
其实有好多种说法耶!就连英文也有各家自己的名称
作者: yyc1217 (somo)   2014-09-23 20:17:00
基本上都叫carousel

Links booklink

Contact Us: admin [ a t ] ucptt.com