Html 当我将鼠标移到div标签的外侧时，图标开始闪烁

这是查看的链接：

我在值列中有一个文本字符串，这些是可编辑的项。作为指示，我在文本字符串后使用铅笔图标。

---

问题是，如果我在空白区域（文本字符串的右侧）移动鼠标，铅笔图标就会闪烁（闪烁）。

这是因为您的

div

s是透明的，指针命中目标在div及其容器

td

之间交替。为了避免这种情况，我建议您将编辑功能和UI反馈与

td

相关联，而不是与

div

相关联，因为您的

div

是透明的，指针命中目标在div及其容器

td

之间交替。为了避免这种情况，我建议您将编辑功能和用户界面反馈与

td

相关联，而不是与

div

相关联，这将解决您的问题。。它将消除闪烁效果

.ghostPencil {
       width:100%;
    }

编辑

或者，如果您希望铅笔显示在

td

的悬停位置，则为.ghostPencil的父项td提供一个类Aspect.parent，并使用以下代码

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

---

正如Alexander所建议的，这将解决您的问题。。它将消除闪烁效果

.ghostPencil {
       width:100%;
    }

编辑

或者，如果您希望铅笔显示在

td

的悬停位置，则为.ghostPencil的父项td提供一个类Aspect.parent，并使用以下代码

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

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

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

一些数字

写

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

一些数字

眨眼就会消失

编辑：

工作示例：

希望这有帮助：）

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

一些数字

写

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

一些数字

眨眼就会消失

编辑：

工作示例：

---

希望这有帮助：）

这是一把不眨眼的小提琴

---

演示小提琴：

这是不闪烁的工作小提琴

---

演示小提琴：

我将发送两种方法来修复该错误。我希望他们能帮助你

---

我将发送两种方法来修复该错误。我希望他们能帮助你

---

---

我希望你能得到答案，我只是一个建议，避免在

中使用

标记，但这并不能解决我的问题。这就是为什么它只是一个建议：）我希望你能得到答案，我只是一个建议，避免在

中使用

标记，但这并不能解决我的问题。这就是为什么它只是一个建议：）铅笔图标正在结束td。不在文本旁边如果你想让铅笔只出现在文本的悬停处，而不出现在空白处，那么用“”代替“”并删除{wdith:100%}如果我将鼠标移到文本上，或者空白处图标应该在文本旁边。铅笔图标是td的结尾。不在文本旁边如果你想让铅笔只出现在文本的悬停处，而不出现在空白处，那么用“”代替“”，并删除{wdith:100%}如果我将鼠标移到文本上，或者空白图标应该在文本旁边。如果我将鼠标移到文本上，或者空白图标应该在文本旁边可见。这就是我正在寻找的。但是如果一些数据不可编辑，所以我不想显示图标，我们怎么办？如果我把鼠标放在文本上，或者空白图标应该在文本旁边可见。这就是我要找的。但是如果某些数据不可编辑，所以我不想显示图标，我们怎么办？如果我将鼠标悬停在文本上或空白处，图标应该在文本旁边。检查更新的小提琴。希望它能帮助您在chrome&FF中工作良好。无需提及宽度：100%；和浮动：左为。GhostPencili如果我将鼠标放在文本上或空白图标应该在文本旁边。检查更新的小提琴。希望它能帮助您在chrome&FF中工作良好。无需提及宽度：100%；和float:left for.ghostPencil您必须为td添加css（.noHover）。我已经为前两行申请了两个td。您必须为td添加css（.noHover）。我已经为前两行申请了两个td。