带有图像作为父 LI 的 jQuery 下拉菜单

标签 jquery css drop-down-menu

所以我想在我网站上的导航菜单中使用父 [li] 元素中的图像,并且想知道你们认为最好的方法是什么?我不要求任何写出来的东西只是一个想法。我希望子列表项具有白色背景并且宽度约为 80 像素。我想将图像放在 anchor 标记之前的列表项中,但图像是可拖动的,而且在我看来它看起来很廉价。

我知道我可能会因为这个问题而被激怒,但即使它只是一个句子建议也会有所帮助,因为网上似乎没有太多关于使用图像的下拉菜单。

如果不够详细,请提前致歉:)

最佳答案

为父项设置样式时 <li>元素(也称为第一个 child ),您可以像这样专门定位它们:

ul > li {
  background : url('../img/bg.jpg');
}

最好的是,这不会针对 <li>第一个 <li> 下面的元素.

关于带有图像作为父 LI 的 jQuery 下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12802411/

相关文章:

css - 给出没有类特定样式的 anchor 元素

jquery - 删除jquery中的事件

jquery - CSS Transition 未被执行

javascript - 避免在元素上绑定(bind)多个事件

css - WordPress主题删除元素外的文本

html - IE7 中包含 div 的 100% 宽度溢出的表格

javascript - 使用 jQuery 定位 div 中的类并在同一 div 中执行其他更改

javascript - 使用 jQuery 根据选项值文本而不是值设置下拉列表选定值

Javascript:根据特定下拉列表的值隐藏表单输入

javascript - Wordpress 100% 宽度下拉菜单与 JavaScript