                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /商城分類導航效果

求問去掉position: relative;為何就不能覆蓋右側了？

qq_點_5

2017-11-12

源自：商城分類導航效果 2-3

關注問題我要回答

2563

操作

收起

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.xianlaiwan.cn/learn/643 簡單點看的話看w3c的這個： http://www.w3school.com.cn/cssref/pr_pos_z-index.asp

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

qq_點_5 提問者回復冷月詩魂

THX

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