菜单栏的地方孩子背景图片HTML中的背景图片

问题描述：

我制作了一个带有子菜单的菜单栏，并且我试图将子菜单放置在菜单栏下面，而不是像图层一样定位。我认为问题是我的菜单栏有一个背景图像，我不能把它的孩子放在下面。有没有解决方法？谢谢，我已经添加了以下的菜单栏的地方孩子背景图片HTML中的背景图片

ul#mainNav { 
    padding: 0; 
    margin: 0; 
    position: relative; 
    width: 980px; 
    background: transparent url(images/mainNavbar.png) no-repeat top center; 
    margin: 0 auto; 
    float: left; 
    z-index: 100; 
} 
ul#mainNav li { 
    list-style: none; 
    margin: 0 25px; 
    display: inline; 
    height: 40px; 
    line-height: 40px; 
    position: relative; 
} 
    ul#mainNav ul { 
display: block; 
list-style: none; 
font-size: 100%; 
cursor: default; 
position: absolute; 
width: 160px; 
z-index: -1; 
background-color: #c32c19; 
-moz-box-shadow: #000 1px 1px .4em; 
-webkit-box-shadow: #000 1px 1px .3em; 
-o-box-shadow: #000 1px 1px .4em; 
}

链接一些代码：

http://jsfiddle.net/s96Eh/1/

有可能是一种解决方法，但你需要向我们展示你的代码。制作** [jsFiddle]（http://jsfiddle.net/）**测试用例是最简单的方法。 – thirtydot 2011-03-25 21:51:13

您还需要添加您的HTML。再次，请做一个jsFiddle的例子，它会让你的问题*更容易回答。 – thirtydot 2011-03-25 21:55:04

对于你想要达到的目标仍然有点困惑，如果我将背景图像更改为颜色，那么子菜单出现在它下面，那不是你要求的吗？ – clairesuzy 2011-03-25 22:36:12

答

感谢您的澄清..这里是一个更新JSfiddle

它不会在IE7工作，但这是堆叠顺序的hasLayout问题，我不确定它甚至是“可修复的”，但它仅仅意味着它仍然出现在

以上

ooops ..忘记了，悬停在单词“家庭”我把一个CSS悬停切换

谢谢我试过这个，但它并没有真正的工作 – 2011-03-27 05:52:32

菜单栏的地方孩子背景图片HTML中的背景图片

相关推荐