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

為什么在lihover里增加height后，去掉前面的.topmenu, 鼠標(biāo)放上去高度不發(fā)生變化?

如果去掉前面的.topmenu，邊框和陰影效果都有，但是height的高度完全不發(fā)生變化？

原因是什么？ ?

.topmenu .lihover {?

border: 1px solid #DDD;

? ? ? ? ? ? box-shadow: 0 0 8px #DDD; height:60px; line-height:60px;

}

rainy_li3676598

2016-12-14

源自：商城分類(lèi)導(dǎo)航效果 4-1

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

1124

操作

收起

1 回答

老司機(jī)tony
2016-12-15

因?yàn)槟惆?.topmenu 去掉之后它的權(quán)重不夠，設(shè)置的樣式?jīng)]有覆蓋之前設(shè)置的樣式；

代碼如下（31行-43行）：

.topmenu?li
????????{
????????????height:?30px;
????????????line-height:?30px;?/*高度仍然使用的是這里設(shè)置的高度*/
????????????font-size:?11pt;
????????????list-style-type:?none;
????????????text-align:?left;
????????????padding-left:?8px;
????????????z-index:?3;
????????????background-image:?url(http://img1.sycdn.imooc.com//5411027300014f0200220030.jpg);
????????????background-repeat:?no-repeat;
????????????background-position:?right;
????????}