沒有出現在菜單中的透明圖像

Question

我的頁面是here。

我的下拉導航css是here。

我想添加一個透明PNG圖像，圖像here，到菜單的下拉部分。但是，它並沒有出現。

我認爲添加一個「suboptions」類的下拉ul會做的伎倆，以及爲該下拉菜單設置CSS，但它似乎並沒有工作。

HTML的問題：

<ul class="suboptions"> 
      <li><a href="/faqs" title="CET Color Frequently Asked Questions">F.A.Q.'s</a></li> 
      <li><a href="/install" title="CET Color Installation &amp; Site Prep">Installation</a></li> 
</ul> 

CSS問題：

#menu li ul.suboptions { 
background-image: url(/images/bkg_nav.png) !important; 
background-color: transparent !important; 
} 

有什麼建議？謝謝！

Answer 1

你有浮動的<li>

你要清楚浮動，<li>後或鋰申請BG圖像。

EX：1

添加到您的CSS

#menu li ul.suboptions:after { 
    content: "."; 
    display: block; 
    clear: both; 
    visibility: hidden; 
    line-height: 0; 
    height: 0; 
} 

#menu li ul.suboptions { 
    display: inline-block; 
} 

html[xmlns] #menu li ul.suboptions { 
    display: block; 
} 

* html #menu li ul.suboptions { 
    height: 1%; 
} 

EX2：

它添加到#menu li ul.suboptions li類

#menu li ul.suboptions li { 
background-image: url(/images/bkg_nav.png) !important; 
background-color: transparent !important; 
}