逐步修复：在Firefox中悬停发光

Question

我有一些css会在悬停时及其下方的链接上逐渐改变元素的背景颜色。

它在Chrome和IE9 +中运行完美，但在FF中它只适用于您悬停的元素，而是立即改变下面元素的颜色

EXAMPLE

我猜这个问题就在这里：

.tree li {
    float: left; text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 5px 0 5px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

我需要更改/添加什么才能让它在FF中正常工作

Answer 1

尝试在下面的元素上设置相同的过渡。

我猜你希望你的例子中的线条具有相同的效果。我已使用此JsFiddle更新了示例。

编辑： 我将转换CSS添加到处理用于绘制线条的边框的所有类

transition: all 0.5s;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;