Html 从底部拆下一部分圆形div

我正在处理一些css形状，我做了一个圆形div。 我有一些具体的设计要求，即圆形div的上半部分应该是可见的，并且应该与div的底部对齐。 下半部分（下半部分）应隐藏

我想删除圆形div的下半部分。 它在下一个div中重叠

我尝试了

z-index

，但仍然取得了进展，这是我的代码

.type1{
位置：绝对位置；
宽度：600px；
高度：600px；
左：-100px；
顶部：280px；
背景：黄色；
底部：0；
边界半径：50%；
}
.文本{
左缘：30%；
利润率最高：30%；
}

里面有些文字
其他一些文本

使用

溢出：隐藏

如下：

---

使用

溢出：隐藏

如下：

---

溢出：此处需要使用隐藏的

---

溢出：此处需要使用隐藏的

---

尝试了

溢出：在容器分区上隐藏
？哦，伙计，谢谢！！我可以写在单独的答案中，这样我就可以标记它了？在容器分区上尝试了
overflow:hidden
？哦，伙计，谢谢！！我可以把这个写在单独的答案中，这样我就可以标记它了？谢谢…）谢谢…@Lee这个答案是作为评论发布的，但是OP要求作为答案发布的。我知道，我读过。但是你的JSFIDLE链接没有显示任何不同，也没有显示问题的答案，因此没有任何帮助…@Lee whoops在将其发布到此处之前忘记登录并保存它，更新了它，请检查now@Lee答案是作为评论发布的，但OP要求将其作为回答发布。我知道，我读到了。但是你的JSFIDLE链接没有显示任何不同，也没有显示问题的答案，因此没有任何帮助…@Lee whoops在将其发布到此处之前忘记登录并保存它，已更新，请立即检查