悬停时淡入背景色

Fade background color on hover

本文关键字：背景色 淡入 悬停      更新时间：2023-09-26

试图淡化（悬停时进入||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：|

有什么解决方案吗？

如前所述，我认为制作jsFiddle或类似的问题非常重要，只是为了加快帮助过程。我整理了一些我认为你正在努力实现的事情，但我可能错了。

在这里，你可以将我刚刚使用的背景色更改为你的图像，并将跨度渐变为悬停状态，将另一个图像更改为脚本在单击其中一个项目时应用的.active状态。

希望这有帮助：

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

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

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

我已经使用jsfiddle创建了一个基本示例，尽管如果您想要这个基本示例，只需使用CSS :hover选择器，即span:hover{//add styling here}

相关文章：