Javascript 改变整体<;李>;悬停时的颜色,而不仅仅是href

Javascript 改变整体<;李>;悬停时的颜色,而不仅仅是href,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我需要更改悬停时li的整个背景色。我已经看过了Google和Stackoverflow上的其他例子,但我认为我的代码中可能存在一些冲突 HTML: 这种方法的另一个好处是使整个LI可点击: li {padding: 0;} li a {display: block;} 感谢佳能的小提琴演奏。这里整理好了: 此方法的另一个好处是使整个LI可点击: li {padding: 0;} li a {display: block;} 感谢佳能的小提琴演奏。这里整理好了: 这一行: #nav_bar

我需要更改悬停时li的整个背景色。我已经看过了Google和Stackoverflow上的其他例子,但我认为我的代码中可能存在一些冲突

HTML:


这种方法的另一个好处是使整个LI可点击:

li {padding: 0;}
li a {display: block;}
感谢佳能的小提琴演奏。这里整理好了:


此方法的另一个好处是使整个LI可点击:

li {padding: 0;}
li a {display: block;}
感谢佳能的小提琴演奏。这里整理好了:

这一行:

#nav_bar #nav_bar_inside li a:hover
应该是:

#nav_bar #nav_bar_inside li:hover
这一行:

#nav_bar #nav_bar_inside li a:hover
应该是:

#nav_bar #nav_bar_inside li:hover

:将鼠标悬停在整个li上-这是您的一个mod:


:将鼠标悬停在整个li上-这是您的一个mod:



您可以通过
li:hover a
li:hover
来定位它。简单地使
a
显示:block并占用整个
li
可能更有用。否则,它将向用户指示他们在未悬停的命中区域上悬停。您可以通过
li:hover a
li:hover
?将
a
显示为:block并占用整个
li
来锁定它。否则,它会向用户指示他们正在某个命中区域上悬停,而实际上他们并没有。。完全忽视了这一点。。谢谢大家!@FastTrack 7分钟,直到我可以@FastTrack@canon,那不是我想做的。这是一个更简单的解决方案,这正是我想要的。a:占据整个li。@快速追踪整个li不链接。。你能更新你的,这样整个li链接吗?这是一篇更新的文章,与之前的一篇文章建议的内容相吻合,不过,它也没有将整个李彦宏联系起来。我的错误@canon——我太天真了,没有完全测试这个功能。尽管如此,isherwoods awnser也不与完整的li链接。。演示:成功了。。完全忽视了这一点。。谢谢大家!@FastTrack 7分钟,直到我可以@FastTrack@canon,那不是我想做的。这是一个更简单的解决方案,这正是我想要的。a:占据整个li。@快速追踪整个li不链接。。你能更新你的,这样整个li链接吗?这是一篇更新的文章,与之前的一篇文章建议的内容相吻合,不过,它也没有将整个李彦宏联系起来。我的错误@canon——我太天真了,没有完全测试这个功能。尽管如此,isherwoods awnser也不与完整的li链接。。演示:这确实是唯一有意义的答案<代码>a是您单击的内容。。。点亮整个
li
,而不让链接占据整个
li
,没有任何意义。当您单击链接上方或下方时,它不会将您带到页面。。这是反映你所说内容的最新小提琴@isherwood@PixelReaper您没有从
li
(按规定)中删除
填充。将
填充
(以及
高度
)移动到
a
定义中。Man@canon,你应该提交你自己的答案,我不同意。。这是唯一有意义的答案<代码>a
是您单击的内容。。。点亮整个
li
,而不让链接占据整个
li
,没有任何意义。当您单击链接上方或下方时,它不会将您带到页面。。这是反映你所说内容的最新小提琴@isherwood@PixelReaper您没有从
li
(按规定)中删除
填充。将
填充
(以及
高度
)移动到
a
定义中。Man@canon,你应该提交你自己的答案,我不同意。。这是修复它的方法,但是他们之前的帖子把你打败了。。谢谢你,伙计@Davidthis是修复它的工具,但他们的帖子是之前的一篇文章,它击败了你。。谢谢你,伙计@大卫