我试图解决CSS转换的一个棘手问题。任何人

我尝试添加过渡：背景1；但由于某种原因，菜单背景图像不会转换。我做错了什么

#菜单{
填充顶部：18px；
过渡：背景1s；
-moz跃迁：背景1s；
}
#菜单>李{
浮动：左；
右侧填充：5px
}
#菜单，最后一个{
右边填充：0；
}
#菜单>李>a{
宽度：188px；
显示：块；
字号：17px；
颜色：#000；
背景：#fff；
文本转换：大写；
字体大小：400；
背景：url（'../images/IMAGE_A.jpg'）；；
高度：70像素；
线高：64px；
边框顶部：1px实心#555；
文本对齐：居中；
边界半径：4px4p0；
-moz边界半径：4px4p0；
-webkit边界半径：4px4p0；
}
#菜单>li>a：悬停，#菜单>活动>a{
背景：#fff；
背景：url（'../images/IMAGE_B.jpg'）；；
背景重复：无重复；
边框颜色：#7DB112；
}
#菜单>李>跨度{
显示：块；
位置：相对位置；
颜色：#000；
字体系列：Arial、Helvetica、无衬线字体；
字号：17px
}

转换尚不支持后台。CSS4计划进行图像转换。现在，您只能转换所有离散的子属性，如背景颜色、背景大小、背景位置。

制作精灵图像（通过组合图像a和图像b）并播放图像位置。 比如：

#menu{
    padding-top:18px;
}
#menu > li{
    float:left;
    padding-right:5px
}
#menu .last{
    padding-right:0;
}
#menu > li > a{
    transition:background-position 1s;
    -moz-transition:background-position 1s;
    width:188px;
    display:block;
    font-size:17px;
    color:#000;
    text-transform:uppercase;
    font-weight:400;
    background: url('../images/Sprite.jpg');;
    background-position: -200px 0px;
    height:70px;
    line-height:64px;
    border-top:1px solid #555;
    text-align:center;
    border-radius:4px 4px 0 0;
    -moz-border-radius:4px 4px 0 0;
    -webkit-border-radius:4px 4px 0 0;
}
#menu > li > a:hover,#menu > .active > a{
    background:#fff;
    background-position: -600px 0px;
    background-repeat:no-repeat;
    border-color:#7DB112;
}
#menu > li > a span{
    display:block;
    position:relative;
    color:#000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:17px
}

此外，请确保已在具有背景图像的同一选择器上设置了“过渡”属性

---

希望能有所帮助。

最近我尝试了CSS不透明，但运气不佳。