显示不了a:hover的

来源:2-3 CSS样式

SimGyun

2015-07-31 17:24

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

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

写回答 关注

4回答

  • 慕侠3564263
    2017-10-18 14:58:50

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

  • qq_小盛同学拒绝不了_03127943
    2016-11-07 14:54:48

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

  • 豸题
    2015-08-02 09:57:26

    到本节课的时候的代码,可以显示图片的,看看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;
    }


  • 啷_哩个啷
    2015-07-31 17:27:09

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

    SimGyu...

    有的……一个公共类的代码里……

    2015-07-31 20:01:14

    共 1 条回复 >

侧栏工具条开发

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

68226 学习 · 289 问题

查看课程

相似问题