用CSS覆盖两个部分



我正在进行设计,我需要将一个部分覆盖在另一个部分上,以保持这样的曲线设计

所以我创建了两个部分,第一个(蓝色(,第二个(灰色(,看起来像这样CSS前

我正在使用translateY属性来提升第二个部分,但它覆盖了第一个部分,并且我丢失了曲线Css后

我试过使用属性z-index,但它似乎不起作用,我不想使用属性position:绝对/相对,因为有不同的部分。有人带东西来吗?

我尝试过使用属性z-index,但它似乎不适用于

若要使z索引为您工作,位置属性不得为静态。如W3Schools:中所述

注意:z-index仅适用于已定位的元素(位置:绝对、位置:相对、位置:固定或位置:粘性(和flex项(作为display的直接子元素的元素:flex元素(。

我无法检查,因为你没有提供小提琴,你的章节CSS有这样的位置吗?

.section-1 { position: relative; z-index:1; }
.section-2 { position: relative; z-index:2; }

最新更新