uniapp ios圆角溢出不影藏的问题

最新推荐文章于 2024-06-07 10:14:31 发布

水果糕の

最新推荐文章于 2024-06-07 10:14:31 发布

阅读量1k

点赞数 1

分类专栏： css 文章标签： ios css3 uni-app

本文链接：https://blog.csdn.net/weixin_42097439/article/details/122997895

版权

css 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

这段代码展示了如何使用CSS实现一个图片展示的样式，包括相对定位、z-index设置层级、隐藏溢出内容、固定高度、居中对齐、圆角边框以及特定角落的弧度。关键样式包括`position:relative`、`z-index:1`和`overflow:hidden`，这些属性对于创建具有视觉吸引力的图片展示至关重要。

摘要由CSDN通过智能技术生成

代码：

.list-img {
	position: relative;
	z-index: 1;
	overflow: hidden;
	height: 154px;
	text-align: center;
	border-radius: 5px;
	border:1px solid red;
	border-bottom-left-radius: 50px;
	margin-bottom: 24px;
	image {
		width: 100%;
	}
}

//这三行很关键
position: relative;
z-index: 1;
overflow: hidden;

效果对比图：

在这里插入图片描述

水果糕の

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
uniapp ios圆角溢出不影藏的问题

代码：.list-img { position: relative; z-index: 1; overflow: hidden; height: 154px; text-align: center; border-radius: 5px; border:1px solid red; border-bottom-left-radius: 50px; margin-bottom: 24px; image { width: 100%; }}//这三行很关键position: r
复制链接

扫一扫

专栏目录