我的李：悬停没有按预期反应？

Question

Here's a Fiddle

元素通常有下划线。我希望当鼠标位于光标位于元素上方的不透明“云”中的任何位置时，该下划线将被完全隐藏。

下划线将作为父div的border-bottom应用，如下所示：

.element_style{
    width:98%;
    line-height:40px;
    font-family: 'Lato';
    font-weight: 300;
    font-size:18px;

    /*Order at the bottom*/
    border-bottom: 1px solid rgba(0, 0, 0, 0.18);   

    position:relative;
}

但是你会注意到，如果你在元素中缓慢下降，到下划线应该在下面，你会注意到下划线再次出现

我无法解决这种问题，我该如何处理呢？

Answer 1

当您将鼠标悬停在（父级）.unremovable元素上时，您想要从.element_style元素中删除边框。

这样做：

.unremovable:hover .element_style{
    border:none;
}

<强> Updated FIDDLE