在懸停時淡出背景顏色

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}