如何让这个DIV透明？

Question

我给了它一个形状，但是当我把它放在div的标题白色背景上时，我想让div透明。我只想让后面的白色div变得透明

.shape{
height:300px;
background:#1EC8D7;
position:relative;
overflow:hidden;
z-index:999;
}
.shape:after,.shape:before{
content:"";
position:absolute;
background:#FFF;
height:200px;
width:110%;
}
div:before{
bottom:100%;

transform-origin:0 100%;
-ms-transform-origin:100% 0;
-webkit-transform-origin:0 100%;

transform:rotate(3deg);
-ms-transform:rotate(3deg);
-webkit-transform:rotate(3deg);
 }
.shape:after{
top:100%;
 transform-origin:0 0;
-ms-transform-origin:0 0;
-webkit-transform-origin:0 0;

transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
-webkit-transform:rotate(-5deg);
 }