父元素设置z-index:1;可以解决
<view class='parent'>
<view class='children'></view>
</view>
.parent{
width:100px;
height:100px;
border-radius:50%;
overflow:hidden;
z-index:1;//==设置层级可以解决==
}
.children{
width:100px;
height:20px;
}
该博客探讨了在CSS布局中,通过设置父元素的`z-index`属性为1来解决子元素层级显示的问题。文章以一个具体的HTML结构为例,展示了如何利用`overflow:hidden`和`border-radius`创建圆形效果,并通过调整`z-index`来确保正确显示。
父元素设置z-index:1;可以解决
<view class='parent'>
<view class='children'></view>
</view>
.parent{
width:100px;
height:100px;
border-radius:50%;
overflow:hidden;
z-index:1;//==设置层级可以解决==
}
.children{
width:100px;
height:20px;
}
1758

被折叠的 条评论
为什么被折叠?
