三角那个效果做完显示不出来为什么为什么?????
代码如下:
.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;
.st-container要相对定位
看看你定义的三角形所在的父级元素有没有定位!不然是不会显示的。。
三角形是利用border来实现的