html - 当我将鼠标悬停在 div 标签的外侧时，图标开始闪烁

Question

我在值列中有一个文本字符串，这些是可编辑的项目。作为指示，我在文本字符串后使用了铅笔图标。问题是如果我在空白区域（文本字符串的右侧）周围移动鼠标，铅笔图标会变得华丽（闪烁）。

score 2 · Accepted Answer

反而

<div class="ghostPencil">some number</div>

写

<span class="ghostPencil">some number</span>

闪烁会消失

编辑：

希望这可以帮助：）

score 1 · Accepted Answer

1

这是不眨眼的工作小提琴。

于 2012-06-14T12:08:59.400 回答

score 1 · Accepted Answer

我正在发送两种修复错误的方法。我希望他们会帮助你。

score 0 · Accepted Answer

这是因为您div的 s 是透明的，并且指针命中目标在 div 和它的 container 之间交替td。为避免这种情况，我建议您将编辑功能和 UI 反馈与td而不是div.

score 0 · Accepted Answer

这将解决您的问题..它将消除闪烁效果

.ghostPencil {
       width:100%;
    }

编辑

或者，如果您希望铅笔出现在悬停上，td那么给 .ghostPencil 的父 td 一个类假设 .parent 并使用以下代码

.parent:hover .ghostpencil{
        background:url("icon_pencil.png") no-repeat right; 
    padding-right:15px;
    cursor:pointer;
    float:left;
}

正如亚历山大所建议的那样

5 回答 5