Question

我尝试使用下面链接中的方案，当鼠标悬停在文本上时也显示隐藏文字。它适用于文本，但我的客户端需要的是隐藏webbot HitCounter并在鼠标悬停时显示它。任何帮助将不胜感激。

<div id="DivForHoverItem">
            <div id="HiddenText"><p class="auto-style4">
                <!--webbot bot="HitCounter" i-image="0" I-ResetValue="0" I-Digits="0" U-Custom --></p></div>
          </div>
        </div>

CSS代码：

/* Div for hover item */
#DivForHoverItem {
    height: 50px;
    width: 300px;
    background-color: black;
    text-align:center;
}

#HiddenText {
    display:none;
}

#DivForHoverItem:hover #HiddenText {
    display:block;
}

Answer 1

请记住display:none“从布局中删除”元素（div不占用空间）。所以你没有任何指向光标（没有创建另一个包含固定大小的div / div，或者进入js和另一个元素的条件）来启动悬停效果。

那么也许是外包装div？也许visibility: hidden到位display:none？也许更改Z-Index？或者在计数器顶部的另一个div（用背景纯色覆盖它），悬停时alpha透明度发生变化（甚至淡出css动画）？

在CSS中显示隐藏的webbot

1 个答案: