我正在制作一个菜单,其中每个项目都有一个像 item1、item2 等的文本。悬停在背景颜色变化时,文本变得透明并且背景图像被替换。我使用此代码来简化样式。但它只适用于背景颜色而不是图像。
#nav li:hover {
color:transparent !important;
text-shadow: none;
background-color: rgba(255, 0, 0, .5);
-webkit-transition: all 1s ease-in;
-moz-transition: all 1s ease-in;
-o-transition: all 1s ease-in;
-ms-transition: all 1s ease-in;
transition: all 1s ease-in;
}
这是在线版本:http: //jsfiddle.net/q4uHz/