三角形不显示

来源:1-6 导航三角制作

慕姐6345570

2015-07-22 12:56

三角形不显示

写回答 关注

3回答

  • 歪嘴的肖恩
    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之间不能有空隙,看看是不是这里的问题

    慕姐6345...

    非常感谢!

    2015-10-27 16:12:30

    共 1 条回复 >

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

    为什么是bottom:100%?

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

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

css3实现网页平滑过渡效果

CSS3 打造页面之间的平滑过渡效果,带来神奇的体验

54371 学习 · 372 问题

查看课程

相似问题