Google chrome Chrome边框半径和不透明度有缺陷吗？

谁能帮我一下吗，我已经做了一个例子来说明我的问题

当我尝试添加

opacity: 0.6;

上课

.menuitem {}

边界半径不再适用。。。使用JSFIDLE，尝试删除不透明度并重新运行它，您将明白我的意思。这是一个错误还是我遗漏了什么？这个问题似乎只存在于Chrome中，但也可能存在于Safari中

提前谢谢

编辑：将边框半径应用于.mask元素的原因是子divs.menuitem在jQuery中设置了marginTop动画，以便在鼠标悬停时向下滑动。这意味着在这些物品上有圆角，它需要穿过圆形面具的下方

---

希望这是有意义的。

使用rgba设置背景不透明度：

背景色：rgba（0,0,0,0.6）

---

感谢您的快速响应，但是，在实际代码中，我使用的是背景图像，我还希望将不透明度应用于div内的所有内容。有什么想法吗？嗯。。。如果你这样做，它只会因为隐藏的溢出而在顶部循环

.menuitem

，这可能与此有关？我不太确定。我已经更新了我的问题，以便更好地解释为什么我这样做，我不能将边界半径应用到菜单项本身，你的问题确实有意义，我根本不知道是什么原因造成的。我怀疑这是个小故障。