在悬停时淡出背景颜色

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}