Question

尝试淡化（在悬停中|| out）背景图像并在CSS类中具有活动状态，我的菜单如下所示：

<ul>
    <li class="menuitem" id="myTag">                    
        <a href="#" class="menu-item-a">
           <span class="menu-item-span">MenuItem</span>
        </a>                   
    </li>
    <li class="menuitem" id="myTag">                    
        <a href="#" class="menu-item-a">
           <span class="menu-item-span">MenuItem 1</span>
        </a>                   
    </li>
    <li class="menuitem" id="myTag">                    
        <a href="#" class="menu-item-a">
           <span class="menu-item-span">MenuItem 1</span>
        </a>                   
    </li>
</ul>

注意：目前我有两张背景图片（右侧和左侧），以便菜单项可以展开。

目前我想避免使用CSS3，因为浏览器兼容性：|

任何解决方案？

Answer 1

如前所述，我认为重要的是你制作一个jsFiddle，或类似的任何问题，你只是为了更快地帮助过程。我把一些我认为你想要实现的东西放在一起，但我可能是错的。

在这里，您可以更改我刚刚使用背景颜色的位置，图像并使跨度淡入淡出状态，另一个图像用于.active状态，脚本在单击其中一个项目时应用。

希望这会有所帮助：

jsFiddle： http://jsfiddle.net/visualdecree/SvjHx/

Answer 2

正如@SoonDead在评论中提到的那样，有点难以理解你在说什么。

但您可以使用jQuery更改类/外观，以及基于规则的许多其他内容，例如悬停。

我使用jsfiddle创建了一个基本示例，但如果您想要这个基本示例，请使用CSS :hover选择器，即。 span:hover{//add styling here}

在悬停时淡出背景颜色

2 个答案: