1

尝试淡出（在悬停时淡入 || 出）背景图像并在 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 :|

有什么解决办法吗？

4

2 回答 2

2

如前所述，我认为制作 jsFiddle 或您遇到的任何类似问题很重要，只是为了加快帮助过程。我整理了一些我认为你正在努力实现的东西，但我可能是错的。

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

希望这可以帮助：

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

于 2012-09-07T13:36:54.730 回答
1

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

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

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

于 2012-09-07T12:59:20.180 回答