webkit浏览器上的悬停问题

Question

我在修复CSS悬停在webkit浏览器上的问题时遇到了麻烦。代码有点像这样..

#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浏览器上。

Answer 1

你在.infoTip的末尾有逗号可能会破坏它，不透明度：100不对，请尝试这样做。

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

OP更新后编辑：

当渲染不透明度时，Chrome会以某种方式出错：0再次出现。但如果你使用display：none，它会起作用;代替。

.infoTip{
  display: none;
}

#working .info:hover + .infoTip{
  display: block;
}

Answer 2

试试这个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;
}