.toolbar {
position: fixed;
left: 50%;
bottom: 5px;
margin-left: 26px;
}
.toolbar-item {
position: relative;
display: block;
width: 52px;
height: 52px;
background-image: url(../img/toolbar.png);
background-repeat: no-repeat;
margin-top: 1px;
}
.toolbar-item:hover{
transition: all 1s;
}
.toolbar-item:hover span{
opacity: 1;
filter: alpha(opacity=100);
transform: scale(1);
}
.toolbar-item-weixin {
background-position: 0 -798px;
}
.toolbar-item-weixin:hover {
background-position: 0 -860px;
}
.toolbar-item-weixin span {
height: 212px;
background-position: 0 0;
}
.toolbar-item-feedback {
background-position: 0 -426px;
}
.toolbar-item-feedback:hover {
background-position: 0 -488px;
}
.toolbar-item-app {
background-position: 0 -550px;
}
.toolbar-item-app:hover {
background-position: 0 -612px;
transition: all 1s;
}
.toolbar-item-app span {
height: 194px;
background-position: 0 -222px;
}
.toolbar-item-top {
background-position: 0 -674px;
}
.toolbar-item-top:hover {
background-position: 0 -734px;
}
.toolbar-layer {
position: absolute;
right: 46px;
bottom: -10px;
width: 172px;
background-image: url(../img/toolbar.png);
//下面三个用于图片透明度设置
opacity: 0;
filter: alpha(opacity=0);
transform-origin:95% 95%;
transform: scale(0.01);
transition: all 1s;
}
不知道您那里看的是啥问题,拷贝您的代码过来,我这里显示正常呢