现在这有点难以解释,但我有一个超级菜单,当你将鼠标悬停在产品上时,它会下降并显示大型菜单。现在,当您的鼠标位于菜单中实际存在的链接上,并将其从原始产品链接中取出时,产品按钮将保持悬停状态。但是,在IE中不是这种情况,只要将鼠标悬停在下拉菜单中的链接上,原始产品按钮就会离开其悬停状态。我试过在CSS中修复它,但它不起作用。 (请不要说它是DOCTYPE,因为我使用的网站主机不会让我改变它... / :)所以,我想写一点jquery来改变原始产品悬停状态的CSS它下面的链接悬停在上面。这就是我所拥有的,但我无法真正实现它。任何帮助都会非常感激!
jquery的
$(div.sub).hover(function(){
$(li.products)
.css('backgroundimage','url(http://p.b5z.net/i/u/10145668/h/Hammer_Sprite.gif) -144px -63px;')
});
带有链接的uls位于名为“sub”的div中,当它们悬停在li.products上时,应将其CSS更改为所提及的内容。
链接到页面
http://www.edirecthost.com/hhmobilehomehardware/?preview=1#
非常感谢!
答案 0 :(得分:0)
您的选择器错了。你必须用引号括起来。
$('div.sub')
$('li.products')
此外,产品的链接元素似乎也在使用背景图片,您可能需要在其上设置而不是li
。
$('a.products').css('background-image', '');