6

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を使用しています。

4

2 に答える 2

12

の代わりにp:before:hover、が必要p:hover:beforeです。

参照： http： //jsfiddle.net/k93ZK/3/

于 2011-07-30T16:05:37.583 に答える
0

Internet Explorerで機能させたい場合は、cssに次のコードを追加するだけです。

p:hover{}

それで全部です。

Internet Explorerの実例（10）：

http://jsfiddle.net/k93ZK/63/

于 2014-07-02T13:40:32.780 に答える