Chrome 中的不透明度过渡

Question

我正在尝试在 Windows 中为 Chrome 实现一个简单的不透明度转换，但它似乎不起作用。

我的测试 HTML 是：

<div class="box box-back">
</div>
<div class="box box-front">
</div>

我的 CSS 是：

div.box {
    position:absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 75px;
}
div.box-back {
    background-color: yellow;
}
div.box-front {
    background-color: blue;
    transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    opacity: 0;
}
div.box-front:hover {
    opacity: 1;
}

小提琴here.

这适用于 Mac 上的 Safari、Firefox 和 Chrome，但在 Windows 上的 Chrome 中对我没有影响。这是问题还是我的机器？

Answer 1

这似乎与铬issue 451756 和this question 中报告的相同问题相同。

它似乎已在 Chrome 版本 40.0.2214.115 中得到修复。