                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /商城分類導(dǎo)航效果

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

qq_點(diǎn)_5

2017-11-12

源自：商城分類導(dǎo)航效果 2-3

關(guān)注問題我要回答

2596

操作

收起

2 回答

冷月詩(shī)魂回答被采納 +2 積分
2017-11-13

這些是position的屬性值，你要移動(dòng)圖片本身，使用top、right、bottom、left這些屬性時(shí)，就要加上position這個(gè)屬性,

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

qq_點(diǎn)_5 提問者

原代碼并無 top、right、bottom、left這些屬性設(shè)置 .topmenu .lihover span { background: blue; display: inline-block; z-index: 20; width: 20px; height: 30px; float: right; position: relative; }

2017-11-13 回復(fù) 有任何疑惑可以回復(fù)我~

#2

冷月詩(shī)魂回復(fù) qq_點(diǎn)_5 提問者

額，好像是我自己加上去的（原代碼我加了right:-2px;），上面的沒說全，z-index屬性一般來講是必需要position屬性配合的，除了在CSS3的某些情況下可以不使用position，否則z-index屬性不起作用~ 慕課里也有這方面的課程的，， http://yifanck.cn/learn/643 簡(jiǎn)單點(diǎn)看的話看w3c的這個(gè)： http://www.w3school.com.cn/cssref/pr_pos_z-index.asp

2017-11-14 回復(fù) 有任何疑惑可以回復(fù)我~

#3

qq_點(diǎn)_5 提問者回復(fù) 冷月詩(shī)魂

THX

2017-11-14 回復(fù) 有任何疑惑可以回復(fù)我~