Css 设置菜单背景图像高度

我在Drupal中有一个水平菜单块，它有一个重复的背景图像。 我现在正在尝试为菜单的子菜单制作一个下拉菜单

我遇到的问题是，当下拉菜单处于活动状态时，背景图像会重复整个菜单的宽度和下拉菜单的高度

我理解为什么会这样，但想不出一个优雅的方法来解决这个问题。只在按钮上使用背景图像应该可以工作，但是背景不会延伸到边缘

---

有没有办法限制重复图像的高度？如果可以限制高度，可以将其设置为父菜单的高度。欢迎任何其他建议。

您可以使用属性

背景大小

来指示背景的大小

有关属性的完整说明，请查看此页面：

---

这个怎么样？不要担心我隐藏/显示菜单的方法（或俗气的背景）

我为子菜单添加了一个类，只是为了简化代码

诀窍是指定菜单的

高度

，然后将

溢出设置为可见

此处的工作代码：

这是CSS

#blockmenu {
    background-image:url(http://t1.gstatic.com/images?q=tbn:ANd9GcS3LkgeI7h_C9w5PbHx_mIuVETgzO2NqJJdOSet-va1t6Q8nUAj);
    height:30px;
    overflow:visible;
}
#blockmenu ul li {
    display: inline;
    padding-right: 30px;
    list-style: none;
    color:white;
    position:relative;
}

.sub {
   display: list-item;   
   list-style-type: none;
   padding-left: 0;
   display:none;
   position:absolute; 
   top:50px;
   width:60px; 
}

您能否在Jsfiddle.net上提供特定的代码和一个有效但简化的问题示例？当然可以。我有一个部分工作的例子：当显示子菜单时，主项显然不应该移动。将它们向左浮动会修复它，但会删除背景图像。下面是一个更实用的示例：我尝试使用它，但它会修改平铺的大小，而不是平铺区域的大小。@Matt Coughlin:谢谢。固定的。有趣的是，它无论如何都起作用了。我猜当您将
overflow
设置为gibberish时，默认设置为
可见。