看图，多个div叠在一起，可以达到你这个效果
温馨提示：内容为网友见解，仅供参考
第1个回答 2013-04-18
最简单，各个浏览器下也一致的方法：圆角和渐变都用背景图(缺点不便于修改维护、重用性差、造图片会产生http请求)
或者是：css3渐变+css3圆角(缺点是你得放弃一些浏览器下的效果)追问
或者是：css3渐变+css3圆角(缺点是你得放弃一些浏览器下的效果)追问
如果用背景图的话总是被下面那段黄褐色区域覆盖住，怎么办？
追答百度：css定位相对定位嵌套绝对定位。
（把上面这个搜索出来，原理搞懂）
黄色是一层，蓝色是一层，用上面这个原理定位，一个在前一个在后就可以了
第2个回答 2017-07-10
要是写上面的这个图，就算了，太麻烦，兼容不好，直接写背景或者直接上图片吧。这个写完了border-radius还得写渐变，太麻烦。
第3个回答 2013-04-19
你可以设置z-index属性。
