http://jsfiddle.net/nicktheandroid/k93ZK/2/ http://jsfiddle.net/nicktheandroid/k93ZK/2/
这应该非常简单,我只是不明白为什么它不起作用。当鼠标悬停在:before
它应该将其不透明度更改为 1,但事实并非如此。为什么?
p {
padding-top:15px;
position:relative;
}
p:before {
display:block;
width:55px;
height:55px;
content: 'hello';
background:#fff;
padding:5px 10px;
position:absolute;
right:0;
opacity:.5;
-webkit-transition: all 0.3s ease-in-out;
}
p:before:hover {
opacity:1;
bakcground:#000;
}
编辑:我正在使用 Chrome。
代替p:before:hover
, 你需要p:hover:before
.
See: http://jsfiddle.net/k93ZK/3/ http://jsfiddle.net/k93ZK/3/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)