我在这里正在做一个小项目。目前，我对此还不是很了解，但这是不重要的。
这是CSS，因为如果我提供链接，则需要发布代码：
body{
background: #FF4D4D;
background: -webkit-radial-gradient(circle, #FF4747, #FF0000);
background: -o-radial-gradient(circle, #FF4747, #FF0000);
background: -moz-radial-gradient(circle, #FF4747, #FF0000);
background: radial-gradient(circle, #FF4747, #FF0000);
}
#background {
width: 400px;
height: 400px;
border: 15px solid #FFFFFF;
border-radius: 50%;
margin: 35px 0px 0px 700px;
background: #FF0000;
position: relative;
}
#mailicon {
border: 5px solid black;
border-radius: 25px;
width: 200px;
height: 150px;
margin: 120px 0px 0px 95px;
background: white;
clip: circle(60px 725px 460px 1125px);
}
#flap1 {
background: white;
margin: 50px 0px 0px 0px;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
height: 115px;
width: 115px;
border: thick solid black;
margin: -65px 0px 0px 38px;
}
#flap2 {
background: red;
height: 90px;
width: 172px;
margin: -95px 0px 0px 14px;
border-bottom: thick solid black;
}
.flap {
position: absolute;
}
#opentext {
/*To be done later*/
}
我的问题是我需要隐藏背景div之外的邮件图标的任何部分，背景div的形状为圆形和父div。
我浏览了一下，并认为我的问题与剪切或遮罩有关，但是我找不到合适的方法来实现它们。
我宁愿不只是将其置于其他div后面以使其不可见，因为父级是圆形的，并且要完全隐藏邮件图标还需要很多额外的div。
有什么建议？
如果我对您的理解正确，则希望将邮件图标的一部分隐藏在圆圈后面。如果是这样的话，您可以使用clip()像你有，或使用overflow: hidden上的父div。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句