我正在进行设计,我需要将一个部分覆盖在另一个部分上,以保持这样的曲线设计
所以我创建了两个部分,第一个(蓝色(,第二个(灰色(,看起来像这样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; }