没有出现在菜单中的透明图像

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; 
}