淘宝轮播图片制作技巧

1、对于淘宝轮播图的制作过程中“子绝父相”含义的不正确理解导致设定的border无法插入盒中，想要在图片中插入bottom必须先设置图片为relative其次设置bottom为absolute，进行定位top=50%;margin-top:盒子的一半的高度，即可让盒子居中显示。

2、对于淘宝轮播图中遮罩层的制作我们采取元素隐藏的方法借助display：none（隐藏键值对)去在最大的遮罩层中将属性隐藏起来，再利用hover伪链接去设置display：block;(将隐藏的元素显示出来)，这样遮罩层的主体框架就构成了。

3、对于制作轮播按钮的方法：

1、制作一个大框架，设置宽、高、圆角边框、背景颜色等一系列属性；

2、利用ul>li属性去制作轮播切换按钮，首先去除实心圆角：list-style:none;

3、css选择器中为；li；设置宽、高、圆角边框、背景颜色等，利用margin将它们分隔开