css - 在子菜单中时在 SPAN 上维护 css 背景图像

标签 css hover submenu

请查看此 PasteBin 以获取我当前的代码:http://pastebin.com/3RtjYN00

目前,当我将鼠标悬停在主图片上时,图片背景位置会发生变化,并且会出现一个蓝色的子菜单 - 太棒了!

但是,当我将鼠标悬停在蓝色子菜单上时,图像会返回到其原始的非悬停背景位置。

如何解决这个问题,以便当我将鼠标悬停在子菜单上时,图像保持“悬停”状态?

最佳答案

无需添加任何额外的标记。

只需更改:

#mega li a#ship span:hover { 

#mega li:hover a#ship span {

实例:http://jsfiddle.net/tw16/fmNCz/

关于css - 在子菜单中时在 SPAN 上维护 css 背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7312611/

相关文章:

php - HTML/Javascript 子菜单?

css - 悬停时的圆形按钮动画 - 边框移动效果

javascript - jquery.nav.js 一点击后不起作用

Javascript:比较表中的值

当鼠标在链接上快速移动时,jquery悬停()mouseOut事件不会触发

html - 透明悬停背景

CSS 在溢出时没有悬停

javascript - 刷新时更改背景颜色和文本颜色

用于菜单显示或提示的 JQuery 和 CSS

javascript - 将导航中的下拉子菜单对齐到与其父级相同的高度