为了账号安全,请及时绑定邮箱和手机立即绑定

显示不了a:hover的

.toolbar-item-feedback a:hover{
background-position: 0 -156px;
    }

为什么我把鼠标放上去显示不了图片!!??

正在回答

4 回答

&:hover这个无效果,这是什么写法啊

0 回复 有任何疑惑可以回复我~

按照楼上的打,还是不能显示二维码

0 回复 有任何疑惑可以回复我~

到本节课的时候的代码,可以显示图片的,看看class类有没有敲错。scss代码如下

$toolbar-size: 52px;
.toolbar{
	position: fixed;
	left: 50%;
	bottom: 5px;
	margin-left: -$toolbar-size / 2;
}
.toolbar-item{
	position: relative;
	display: block;
	width: $toolbar-size;
	height: $toolbar-size;
	background-image: url(../img/toolbar.png);
	background-repeat: no-repeat;
	margin-top: 1px;
	transition: background-position 1s;
	&:hover{
		.toolbar-layer{
			opacity:1;
			filter: alpha(opacity=100);
			transform: scale(1);;
		}
	}
}
.toolbar-item-weixin{
	background-position: 0 -798px;
	&:hover{
		background-position: 0 -860px;
	}
	.toolbar-layer{
		height: 212px;
		background-position: 0 0;
	}
}
.toolbar-item-feedback{
	background-position: 0 -426px;
	&:hover{
		background-position: 0 -488px;
	}
}
.toolbar-item-app{
	background-position: 0 -550px;
	&:hover{
		background-position: 0 -612px;
	}
	.toolbar-layer{
		height: 194px;
		background-position: 0 -222px;
	}
}
.toolbar-item-top{
	background-position: 0 -674px;
	&:hover{
		background-position: 0 -736px;
	}
}
.toolbar-layer{
	position: absolute;
	right: $toolbar-size - 6;
	bottom: -10px;
	width: 172px;
	background-image: url(../img/toolbar.png);
	background-repeat: no-repeat;
	opacity: 0;
	filter: alpha(opacity=0);
	transform-origin: 95% 95%;
	transform: scale(0.01);
	transition: all 1s;
}


0 回复 有任何疑惑可以回复我~

好像你的css  都没有图片地址吧。

0 回复 有任何疑惑可以回复我~
#1

SimGyun 提问者

有的……一个公共类的代码里……
2015-07-31 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
侧栏工具条开发
  • 参与学习       68227    人
  • 解答问题       289    个

带动画效果的工具条,掌握如何用CSS3完成简单的动画效果

进入课程

显示不了a:hover的

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信