我有一個菜單和一個子菜單。子菜單僅在懸停時顯示。問題1：我希望它永久顯示。問題2：我希望它水平顯示（而不是像現在這樣垂直顯示）。要了解我的意思，請轉至http://appartement-met-zeezicht.be並懸停在「英語」上。在「英文」下顯示的內容應該永久顯示，可水平（而不是垂直）顯示。非常感謝！如何創建一個FIXED子菜單（下拉菜單應該永久顯示）

/SUBMENU/

TopMenu的UL利UL {位置：絕對的;寬度：150像素;的z-index：999999;填充左：0;保證金左：-10px;邊距：24px的; display：none;}

topmenu ul li li li {float：none;餘量：0; padding：10px 0px;文本對齊：中心;背景：＃302f2f url（images/pattern.png）repeat;顯示：塊; border-bottom：1px solid＃333;高度：汽車;}

TopMenu的UL>利UL李：懸停{背景：＃2bb975 URL（圖像/ pattern.png）重複;}

TopMenu的UL利UL立一個{字體大小：14px的;字體重量：正常; padding：4px;}

topmenu ul li ul ul li ul {left：100％;邊距：-27px;浮動：無;保證金左：0像素;}

.tinynav，.tinynav1 {顯示：無;}

來源

2016-12-06 Amely

顯示一些代碼，或者你做了什麼還？小提琴也許？ – nashcheez

編輯：似乎有些JavaScript是覆蓋CSS，你可以嘗試把它添加到的style.css ：

#topmenu ul li ul, #topmenu li:hover > ul { 
    display: block !important; 
}

對於第二個問題：在你的style.css在下面找到/MENU/和/SUBMENU/部分。刪除下面這些評論的下一行並粘貼此代碼來代替：

/*MENU*/ 
#menu_wrap{width:100%; float:left; background:#302f2f url(images/menu_wrap.png) repeat;} 
.is-sticky{ width:1000px!important;} 
#topmenu{text-align:center;} 
.menu-header{margin:auto; padding:0; display:block;} 
#topmenu ul{ margin:0; padding:0;} 
#topmenu ul li{list-style-type:none; display:inline-block; margin-top:0px;padding:25px 15px;} 
#topmenu li a{ font-size:18px; color:#fff;} 
#topmenu ul > li:hover{ background:url(images/transblack.png) repeat;} 
#menu-icon{display:none;} 

/*SUBMENU*/ 
#topmenu ul li ul{ position:absolute;width:auto; z-index:999999; padding-left:0; margin-left:-10px; margin-top:24px; display:none;} 
#topmenu ul li ul li{ float:left; margin:0; padding:10px 0px; text-align:center; background:#302f2f url(images/pattern.png) repeat; display:block; border-bottom: 1px solid #333; height:auto;} 
#topmenu ul > li ul li:hover{ background:#2bb975 url(images/pattern.png) repeat;} 
#topmenu ul li ul li a{ font-size:14px; font-weight:normal; padding:4px;} 
#topmenu ul li ul li ul{left: 100%; margin-top:-27px; float:none; margin-left:0px;}

來源

2016-12-06 12:44:02

感謝您幫助我這麼快！由於我是這樣一個PC虛擬機，我不知道如何訪問我的wordpress網站（Theron Lite）的css以刪除「display：none」。我現在只需要「添加自定義CSS」插件就可以「推翻」事物。你能建議我在這個插件中添加什麼嗎？或者你能告訴我通往我身邊的CSS文件的方式嗎？非常感謝！！ – Amely

您的WordPress wp-content/themes/theron-lite文件夾中有一種CSS樣式。用FTP將文件下載到硬盤，用文本編輯器打開它，將我的代碼粘貼到文件中，再次使用FTP保存並上傳。 –

Waw，太棒了！現在我終於可以訪問這個style.css文件！像我這樣的專家讓我變得更聰明，非常感謝！添加你建議的代碼不起作用，但現在我編輯了我的問題並添加了css代碼，現在可能更容易幫忙？ – Amely

您需要刪除「懸停」這個名單。並將此列表設置爲「display：inline-block;」

來源

2016-12-06 12:49:03 Vova

感謝您幫助我這麼快！因爲我是一個PC-dummy，我不知道如何訪問我的wordpress站點（Theron Lite）的css。我只是現在如何「推翻」它感謝「添加自定義CSS」插件。你能建議我在這個插件中添加什麼嗎？或者你能告訴我通往我身邊的CSS文件的方式嗎？非常感謝！！ – Amely

你需要在你身邊。例如，您可以在小提琴或codepen中顯示您的代碼，我們將更改它。 – Vova

您可能需要像這樣：

ol { 
 
     display: inline-block; 
 
    vertical-align: top; 
 
} 
 

 
li { 
 
    display: inline-block; 
 
    margin-right: 10px; 
 
    width: 60px; 
 
    cursor: pointer; 
 
    vertical-align: top; 
 
}

<div> 
 
    <ol>Spiderman</ol> 
 
    <ol>Wolverine</ol> 
 
    <ol>The Avengers <br> 
 
    <li>Iron Man</li> 
 
    <li>Captain America</li> 
 
    <li>Thor</li> 
 
    <li>Black Widow</li> 
 
    </ol> 
 
</div>

來源

2016-12-06 12:55:15 nashcheez

如何創建一個FIXED子菜單（下拉菜單應該永久顯示）

TopMenu的UL利UL {位置：絕對的;寬度：150像素;的z-index：999999;填充左：0;保證金左：-10px;邊距：24px的; display：none;}

topmenu ul li li li {float：none;餘量：0; padding：10px 0px;文本對齊：中心;背景：＃302f2f url（images/pattern.png）repeat;顯示：塊; border-bottom：1px solid＃333;高度：汽車;}

TopMenu的UL>利UL李：懸停{背景：＃2bb975 URL（圖像/ pattern.png）重複;}

TopMenu的UL利UL立一個{字體大小：14px的;字體重量：正常; padding：4px;}

topmenu ul li ul ul li ul {left：100％;邊距：-27px;浮動：無;保證金左：0像素;}

回答

相關問題