                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /商城分类导航效果

求问去掉position: relative;为何就不能覆盖右侧了？

qq_点_5

2017-11-12

源自：商城分类导航效果 2-3

关注问题我要回答

2389

操作

收起

2 回答

冷月诗魂回答被采纳 +2 积分
2017-11-13

这些是position的属性值，你要移动图片本身，使用top、right、bottom、left这些属性时，就要加上position这个属性,

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

收起回答

qq_点_5 提问者

原代码并无 top、right、bottom、left这些属性设置 .topmenu .lihover span { background: blue; display: inline-block; z-index: 20; width: 20px; height: 30px; float: right; position: relative; }

2017-11-13 回复有任何疑惑可以回复我~

冷月诗魂回复 qq_点_5 提问者

额，好像是我自己加上去的（原代码我加了right:-2px;），上面的没说全，z-index属性一般来讲是必需要position属性配合的，除了在CSS3的某些情况下可以不使用position，否则z-index属性不起作用~ 慕课里也有这方面的课程的，， http://www.imooc.com/learn/643 简单点看的话看w3c的这个： http://www.w3school.com.cn/cssref/pr_pos_z-index.asp

2017-11-14 回复有任何疑惑可以回复我~

qq_点_5 提问者回复冷月诗魂

THX

2017-11-14 回复有任何疑惑可以回复我~