本文介绍了CSS中的定位技巧，包括相对定位和绝对定位，并通过实例展示了如何利用定位实现点击图片切换轮播图的效果。同时，讨论了opacity属性在设置透明度时的问题，推荐使用rgba来避免子元素继承透明度。文章还分享了如何在微信小程序中结合CSS技巧自定义组件样式。
前言
前段时间有人找我写一个静态页面，里面有轮播图，然后他提了一个要求，他想要 点击轮播图上面的图片 就 切换下一张，如果真要实现这个功能的话可能要写不少的js代码，但我利用swiper插件(点击去swiper官网)外加一点css小技巧就完美的实现了这个功能，ok，往下看。
蛮聊一下css中的定位
定位是css中一个非常重要的一个属性，我们在页面开发中会经常用到，比较常用的定位属性就是 relative和absolute，相对定位和绝对定位了，父相子绝，我相信大家都知道，父元素relative相对定位，子元素absolute绝对定位，这样的话，子元素就完全跟着父元素“走”了，我们看例子。
一个普通的页面，上面有一个大div，大div 里面有一个 中div，中div 里面有一个 小div，这边先不给 小div 设置样式，我们看一下效果
现在我们给 小div 添加上样式，让它的大小和父元素（此时是蓝色的box2）一样大
最低0.47元/天 解锁文章
扫一扫
705
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
