                        课程
                    
                        /前端开发
                        
                            /CSS3
                        
                        /css3实现网页平滑过渡效果

小三角的制作

小三角制作： position:absolute ,bottom:100%??? 虽然是伪类生成的，参照物是？

B10041104

2015-05-29

源自：css3实现网页平滑过渡效果 1-6

关注问题我要回答

1109

操作

收起

3 回答

cwtxz
2015-05-29

恩，是的，是参考的p元素，意思就是底部与p元素底部的距离就是p元素的高度

0 回复有任何疑惑可以回复我~

收起回答

B10041104 提问者

谢谢哈

2015-07-04 回复有任何疑惑可以回复我~

devmsg
2015-05-29

transparent属性自己看看

0 回复有任何疑惑可以回复我~

收起回答

cwtxz
2015-05-29

根据标准，具有position:absolute属性的元素，其参照物是距离其最近的含有position属性的父元素，如果没找到这样的父元素，就以body为参照物

0 回复有任何疑惑可以回复我~

收起回答

B10041104 提问者

我知道那个的。比如p元素position：fixed在页面底部，然后p::after{position:absolute,bottom:100%,left:50%}就可以让伪元素在p元素上面显示，这是为何？这个bottom 100%参考的难道是p元素？

2015-05-29 回复有任何疑惑可以回复我~

0/150

提交

取消

css3实现网页平滑过渡效果

参与学习 54364 人
解答问题 391 个

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

进入课程

本课相似问答

2 回答a:after制作的三角形定位问题

3 回答三角形制作看不懂，求高人解释

4 回答为什么我的三角形制作没有出来呢？

1 回答怎么让导航小三角形也自适应窗口大小？

5 回答三角形不显示

搜索更多本课相关问答

小三角的制作

我要回答关注问题

热搜

最近搜索清空

小三角的制作

3 回答

本课相似问答

小三角的制作