2017-08-03 18 views
-2

CSS垂直菜單上邊框我加入這個CSS代碼問題與使用上的迪維主題

/* header right border */ 
    #main-header {border-right: 6px solid #f49200;} 

當我在菜單頁面上懸停,下拉子菜單打開, 當我移動光標對着下拉子菜單,當我的光標與邊框接觸時,隱藏下拉子菜單。

+0

請寫一些工作代碼或解釋一下。 –

+0

我非常確定這不是問題,如果你可以發佈更完整的代碼(簡化示例)我相信我們可以到底部 – Huangism

+0

基本上他解釋說,懸停邊界時':hover'狀態不活躍的div – Ivan

回答

-1

而不是使用border-right的,使用padding-rightbackground與內部內容div來實現同樣的事情:

#main-header { 
 
    background: #f49200; 
 
    padding-right: 6px; 
 
} 
 
#main-header-content { 
 
    background: #fff; 
 
}
<div id="main-header"> 
 
    <div id="main-header-content">Stuff goes here</div> 
 
</div>

+0

爲什麼downvote? –

+0

我編輯了這個問題,這段代碼並不適合我,不知道爲什麼! – Harry