问答详情
源自:1-6 导航三角制作

三角形不显示

三角形不显示

提问者:慕姐6345570 2015-07-22 12:56

个回答

  • 歪嘴的肖恩
    2015-08-21 18:04:40
    已采纳

    .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之间不能有空隙,看看是不是这里的问题

  • 淡水狗
    2015-11-19 13:35:47

    为什么是bottom:100%?

  • 慕姐6345570
    2015-10-15 11:31:30

    已经看过了,是bottom:100%;这个地方我写的是top:100px;的缘故,非常感谢!!!