这应该很简单,我只是不明白为什么它不能正常工作。当悬停在
:before
上时,它应该将其不透明度更改为1,但它没有。为什么?http://jsfiddle.net/nicktheandroid/k93ZK/2/
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浏览器。
opacity
,而-webkit-transition
只适用于WebKit...还有很多OP已经知道并且显然不关心的事情。 - BoltClock