【发布时间】：2015-04-04 07:02:52
【问题描述】：
我正在尝试将背景颜色应用于 .dropped_menu 类中列出的项目。它在 Chrome 和 IE 中运行良好，但由于某种原因，它在应用透明背景的 Firefox 中不起作用。这是一个“隐藏”的下拉菜单，然后使用 jQuery 使其“可见”。我不确定这是否重要，因为我认为这是 Firefox 应用默认样式的问题，在这种情况下为背景颜色。我已经研究过，我还没有找到解决方案。感谢您的帮助！
HTML：
<ul class="dropped_menu">
<li id="show_home1" class="home_block"><a href="#" id="home_hover1">........</a></li>
<li id= "show_gallery1"class="gallery_block"><a href="#" id="gallery_hover1">........</a></li>
<li id="show_events1" class="events_block"><a href="#" id="events_hover1">.........</a></li>
<li id="about_side1"><a href="#" id="link_5"></a></li>
<li id="show_donate1" class="join_block" ><a href="members.html" id="join_hover1" style="font-size:1em;">Get Involved</a></li>
<li id="show_about1" class="about_block"><a href="about.html" id="about_hover1">Our Story</a></li>
<li><a href="#" id="extra"></a></li>
<li><a href="#" id="extra"></a></li>
</ul>
CSS：
.dropped_menu li {
background-color: black !important;
border: 1px solid white;
color: white;
}
【问题讨论】：
-
在这个小提琴中的 Chrome 和 Firefox 中看起来一样：jsfiddle.net/oo1ytfjx
-
谢谢。我知道，看起来还可以。我想这是覆盖样式的其余代码中发生的一些错误。但是，我想知道这是否是浏览器兼容性问题，因为它在 IE、Chrome 和 Safari 上都可以正常运行
-
我们需要查看更多代码才能了解有什么干扰。如果您可以创建一个 Fiddle 或 CodePen 来演示该问题，那将有所帮助。