0

在下面的网站上,我正在制作一个下拉菜单,其中包含相当多的子菜单项。(我目前已关闭 display:none 以便您可以轻松查看正在发生的事情。

http://69.195.124.59/~oldcrowe/heritage-livestock/ 

基本上我需要的是 .sub-menu-wrap 来覆盖嵌套列表元素的所有背景,以便背景颜色或背景图像覆盖整个列表。问题是它似乎只扩展到其当前 ul 而不是整个嵌套列表。

我试过了,你可以看到 clear:both 方法无济于事。任何想法将不胜感激。我省略了代码和css,因为它相当多,我认为你们会很好地使用网络链接。如果没有,请告诉我。谢谢!

4

2 回答 2

0

你在 ul 和 li 之间有太多的浮点数、绝对位置、div ......

首先,我将制作一个具有左右边距自动和固定宽度的 div,以专门使内容居中并制作阴影边框。带有渐变的主体标签和带有图案的额外 div。然后你可以忽略内容元素的定位。

使用菜单,我做了一些更改,但没有跟踪,使用一些差异工具并提出一个想法。

html:http ://pastebin.com/RaUaKkJj (1个月到期)

css:http ://pastebin.com/LnXYCVaZ (1个月到期)

截图: http: //i41.tinypic.com/2639cuc.png(删除:http ://answers.yahoo.com/question/index?qid=20071106075333AARtIqt )

我更喜欢使用 ul 子菜单的背景并删除 div 子菜单包装。但我已经在 firebug 内部进行了更改,并不关心删除标签。

它需要更多地处理 z-index 和其他元素的定位。但这是一个开始。

于 2013-07-25T16:18:43.803 回答
0

我宁愿在每个“li”上放一个背景来尝试这样做。

否则你可以(一旦扩展小菜单)只使用“divs”和“p”,这样你就可以轻松地操纵这一切。

于 2013-07-24T22:06:49.247 回答