老师 我的工具条只显示了返回顶部的那个图片 其他都没显示

来源:-

mx9999

2015-08-06 11:14

$ToolBar-size: 52px;
.ToolBar{
	position: fixed;
	left: 50%;
	bottom: 5px;
	top: 600px;
	margin-left: -$ToolBar-size/2;

}
.ToolBar-item{
	display: block;
	width: $ToolBar-size;
	height: $ToolBar-size;
	background-image: url(../img/ToolBar.png);
	background-repeat: no-repeat;
	margin-top: 1px;


}

.ToolBar-item-weixin{
	position: fixed;
	background-position: 0 -798px;
	&:hover
	{
		background-position: 0 -860px;
	}	
}
.ToolBar-item-feedback{
	position: fixed;
	background-position: 0 -426px;
	&:hover
	{
		background-position: 0 -488px;
	}
}
.ToolBar-item-app{
	position: fixed;
	background-position: 0 -550px;
	&:hover
	{
		background-position: 0 -612px;
	}
}
.ToolBar-item-top{
	position: fixed;
	background-position: 0 -674px;
	&:hover
	{
		background-position: 0 -736px;
	}
}
.toolbar-layer{
	position: fixed;

}


写回答 关注

1回答

  • mx9999
    2015-08-06 14:54:07

    找到原因了  .ToolBar-item-weixin以后的类定位为Relative 就好了

侧栏工具条开发

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

68226 学习 · 289 问题

查看课程

相似问题