三角形不显示
.st-container input:checked+a{
background: #821134;
}
.st-container input:checked + a:after{
content:"";
width:0;
height:0;
overflow: hidden;
border:20px solid transparent;
border-bottom-color:#821134;
position:absolute;
bottom:100%;
left:50%;
margin-left: -20px;
}
必须要确保input和checked以及a:after之间的距离如上代码!主要就是input和checked之间不能有空隙,看看是不是这里的问题
为什么是bottom:100%?
已经看过了,是bottom:100%;这个地方我写的是top:100px;的缘故,非常感谢!!!