三角那个效果做完显示不出？哪错了
来源：1-6 导航三角制作
淡水狗
2015-11-19 13:38
三角那个效果做完显示不出来为什么为什么？？？？？
代码如下：
.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;
写回答
关注
3回答
-
- qq_阿呆_5
- 2016-09-19 17:45:06
.st-container要相对定位
-
- 海月明
- 2016-03-04 20:27:33
看看你定义的三角形所在的父级元素有没有定位！不然是不会显示的。。
-
- echo_kinchao
- 2015-11-19 14:50:35
三角形是利用border来实现的
css3实现网页平滑过渡效果
CSS3 打造页面之间的平滑过渡效果，带来神奇的体验
54371 学习 · 372 问题
相似问题