Css Chrome中的过渡/不透明度渲染问题？

我对CSS不透明度转换有问题。大多数情况下，它在Chrome上似乎不起作用

当它工作时，它是非常起伏的-大约1/2的不透明度，然后完全。 当它不工作时，它将变为小于完全不透明度，并在那里停止

我做错了什么？当我第一次实现它时（我想是6月中旬），我认为它工作得很好。由于它有时会转换为完全不透明度，我不能完全确定它是否在Chrome中完全工作。但我和我的客户都（分别）在大约同一时间（6月底/7月初）注意到了这一点

这是我的HTML和CSS代码，还有一个。（可能比复制此错误所需的数量多一点）

.fade{
不透明度：0；
过渡：不透明度0.5s；
-moz转换：不透明度0.5s；
-webkit转换：不透明度0.5s；
-o-转变：不透明度0.5s；
}
#子菜单{
不透明度：0；
位置：绝对位置；
左：185px；
}
#子菜单a{
宽度：90px；
填充物：4em.5em；
}
.水平菜单2{
不透明度：继承；
位置：绝对位置；
左：113px；
}
.水平菜单1{
不透明度：继承；
位置：绝对位置；
左：5px；
}
.图像菜单{
不透明度：继承；
位置：绝对位置；
右：175px；
}
.person:悬停#子菜单{
不透明度：1；
}

您的渲染错误似乎与使用

不透明度：inherit。如果删除这些行，则其行为与预期一致

工作示例（）：

.fade{
不透明度：0；
过渡：均为0.5s；
-moz转换：所有0.5s；
-webkit过渡：所有0.5s；
-o型过渡：均为0.5s；
}
#子菜单{
不透明度：0；
位置：绝对位置；
左：185px；
}
#子菜单a{
宽度：90px；
填充物：4em.5em；
}
.水平菜单2{
位置：绝对位置；
左：113px；
}
.水平菜单1{
位置：绝对位置；
左：5px；
}
.图像菜单{
位置：绝对位置；
右：175px；
}
.person:悬停#子菜单{
不透明度：1；
}









就是这样！非常感谢。我想我已经写了
opacity:inherit在我这么做的早期，因为它没有转换所有的代码，所以我可能修复了真正的错误，并将其保留在那里。