0

Webkit ブラウザーでの CSS ホバーの問題を修正するのに問題があります。コードはこのようなものです..

#working .info{
    cursor: pointer;
    width: 19px;
    height: 21px;
    opacity: 0.5;
    position: absolute;
}
#working .info:hover {
    opacity: 1;
}

#working .info:hover + .infoTip, {
    filter: alpha(opacity=100);
    opacity: 100;
}

この問題は Webkit ブラウザーでのみ発生します。

4

2 に答える 2

3

おそらくそれを台無しにする最後にコンマがあり.infoTip、 opacity: 100 は正しくありません。代わりにこれを試してください。

#working .info:hover + .infoTip {
    filter: alpha(opacity=100);
    opacity: 1;
}

OPの更新後に編集：

opacity: 0 を再びレンダリングすると、Chrome が何らかの形でバグ アウトします。ただし、display: none; を使用すると機能します。代わりは。

.infoTip{
  display: none;
}

#working .info:hover + .infoTip{
  display: block;
}
于 2013-09-02T10:15:31.287 に答える
0

このCsSを試してください

enter code here
    #working .info{
    cursor: pointer;
    width: 19px;
    height: 21px;
    opacity: 0.5;
    position: absolute;
    filter: alpha(opacity=50);
}
#working .info:hover
{
    opacity: 1;
}

#working .info:hover + .infoTip, {
    filter: alpha(opacity=100);
    opacity: 1;
}
于 2013-09-02T10:18:55.430 に答える