遮罩层怎么做 html,HTML 练习实现遮罩层

Title

.left{

float: left;

}

.clearfix:after{

content: '.';

display: block;

clear: both;

visibility: hidden;

height: 0;

}

.container{

background-color: red;

}

.container .item{

width: 180px;

height: 150px;

background-color: #303a40;

border: 1px solid red;

overflow: hidden;

position: relative;

}

.container .item:hover{

border: 1px solid green;

}

.container .item .text{

display: none;

}

.container .item:hover .text{

display: block;

}

1000